У меня есть 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>