grezockを使ってsvgでアニメーション化していないSafari

私はマスク付きの画像を持っているsvgを持っています。画像はアニメーションgifです。次にTweenlineLiteを使用して画面全体を移動します。これは、サファリ以外のすべてのブラウザで正常に動作します。サファリでは画面全体でアニメーションが再生されますが、アニメーションGIFは機能しません。しかし、私は画面上になるようにsvgの最初の位置を変更する場合、gifアニメーション。grezockを使ってsvgでアニメーション化していないSafari

このサファリのバグは何ですか？ここで私は、この問題/バグを回避片道を発見したコードのcodepen 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

を演奏GIFを持つことができ、同じアニメーションGIFファイルにタグを設定して、大きさ1×1

例えば

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

これを作る

これはWebkitのバグトラッカーです。あなたはそれを検索したり、バグを報告したりすることができます。 https://bugs.webkit.org/query.cgi?format=specific&product=WebKit –

ありがとう@RobertLongson、これは私が行ったバグか何かですか？私はまた、画像をimgタグとして追加すると、アニメーションがうまくいくことに気付きましたが、画面上にグラフィックを表示する必要があるようです。 – Adam

@RobertLongsonこれを回避する方法はありますか？ – Adam

です。あなたは画面をオフにアニメーション化し、まだ

出典

2017-04-26 12:21:20 Adam

grezockを使ってsvgでアニメーション化していないSafari

答えて

関連する問題