Анимированный GIF в FEIMAGE анимирует кроме как в Safari Win / Mac / iOS? - PullRequest
0 голосов
/ 11 февраля 2020

У меня есть SVG с анимированным GIF в FEIMAGE, который отлично работает на Windows Chrome / Firefox и Ma c Chrome. Но в Ma c Safari и IOS он отображает один кадр изображения и анимируется только при изменении размера окна в Ma c Chrome или при переключении между приложениями на IOS. Любая идея, в чем может быть проблема?

Видео Ma c Chrome / Safari здесь: https://www.youtube.com/watch?v=achcgbJ8IcQ&feature=youtu.be обратите внимание, что GIF анимируется только при изменении размера окна

Вот пример Codpen: https://codepen.io/leubeach/pen/wvaBmLe показывает фильтр svg, применяемый к div, тег img с анимированным gif и фильтр svg, применяемый к прямоугольнику

<filter id="Blue80s2"  > 
<feColorMatrix in="SourceGraphic" type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0" result="non"></feColorMatrix> 
<feImage xlink:href="https://media3.giphy.com/media/5xaOcLQKkS2ZYcRDItO/giphy.gif" result="img3" >  </feImage> 
<feMerge> <feMergeNode in="non"></feMergeNode> <feMergeNode in="img3"></feMergeNode> </feMerge> 
</filter>
...