Safari瀏覽器沒有使用綠色環保sgg動畫gif

我有一個svg，它有一個面具圖像，圖像是一個動畫gif。我然後使用TweenlineLite在屏幕上移動它。這在除Safari之外的所有瀏覽器中都可以正常工作。在safari中，它在屏幕上動畫，但動畫GIF不起作用！但是，如果我將svg的初始位置更改爲屏幕上的gif動畫。Safari瀏覽器沒有使用綠色環保sgg動畫gif

任何想法這個safari bug是什麼？這裏是我發現瞭解決此問題/錯誤的一種方式的代碼codepen

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 });

來源

2017-04-26 Adam

這是webkit的bug跟蹤器，你可以搜索它並且/或者在那裏提高你的bug。 https://bugs.webkit.org/query.cgi?format=specific&product=WebKit –

感謝@RobertLongson，這是一個錯誤或我已經做的事情。我注意到，如果我也添加圖像作爲一個img標籤它動畫好，但它似乎我必須在屏幕上的圖形 – Adam

@RobertLongson你知道這個工作？ – Adam

的codepen。

組具有相同GIF動畫文件標籤，使尺寸爲1×1

如

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

這樣就能將您的動畫關閉屏幕，並仍然有GIF打

來源

2017-04-26 12:21:20 Adam

Safari瀏覽器沒有使用綠色環保sgg動畫gif

回答

相關問題