SVG/SMIL を使用して説明線のアニメーションを開発していますが、Firefox でアニメーションを表示すると CPU 負荷が高くなります。CPU パフォーマンスに関して、SVG 自体と宣言型アニメーションのベスト プラクティスはありますか? ビューアーやブラウザーが異なれば結果も異なるため、一般的な経験則を探しています。これを Web アニメーション API に変換できるようにしたいと考えています。
質問する
1674 次
1 に答える
0
ここでいくつかの参照と情報を見つけることができます
非推奨の SMIL SVG アニメーションは、CSS または Web アニメーション効果 (ホバー、クリック) に置き換えられました
ここでは、Fire Fox の CPU パフォーマンスが低いことがわかります。
https://www.youtube.com/watch?v=1RK3l6H0uDU&feature=youtu.be
一方、Chrome は SMIL アニメーションでうまく機能します。しかし、近い将来、最後の投稿https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/5o0yiO440LM/59rZqirUQNwJで述べたように、
「近いうちに削除される可能性が高い」
これは、Chrome での SMIL サポートに関するものです。Fire Fox SMIL アニメーションはバージョン 38 から非常に遅くなり、遅いアニメーションはまだ修正されていません (現在の 39.0)。
彼らが言ったように、Fire Fox が将来のバージョンで SMIL アニメーションのサポートを修復する可能性があります。
この段階で SMIL を非推奨にするつもりはありません。
ただし、Chrome (45 バージョンではなく、おそらくそれ以降) はメッセージを表示します (ページのコンテンツに SMIL が含まれている場合):
コンソール警告: SVG の SMIL アニメーション (、、など) は非推奨であり、削除されます。代わりに CSS アニメーションまたは Web アニメーションを使用してください
于 2015-07-15T19:16:34.823 に答える