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

回答

相关问题