Safari не анимирует GIF в SVG с помощью Greensock

Question

У меня есть SVG, который имеет изображение с маской, изображение является анимированным GIF. Затем я использую TweenlineLite для перемещения по экрану. Это прекрасно работает во всех браузерах, кроме сафари. В сафари он анимирован по всему экрану, но анимированный GIF не работает! Однако, если я изменю исходное положение SVG, чтобы быть на экране, GIF оживляет.

Есть идеи, что это за ошибка в сафари? вот кодовая часть кода

var raven = document.getElementById("js-raven"),
width = $(window).width() + 200,

tl = new TimelineLite({
     delay: 2,
     onComplete: function() {
        this.restart();
    }
});
tl
.from(raven, 0, {x: -200})
.to(raven, 20, { x: width })
.to(raven, 0, { x: width, rotationY: 180, delay: 5 })
.to(raven, 40, { x: -width });

Answer 1

Я обнаружил один способ обойти эту проблему / ошибку.

Установите тег с тем же анимированным GIF-файлом и сделайте размеры 1 x 1

например

<img src="resources/images/raven.gif" width="1" height="1">

Это тогда позволяет вам анимировать с экрана и по-прежнему играть в GIF