2016-09-22 4 views
2

私が働いているウェブサイトの.svgアニメーションの素敵な世界に飛び込みたいです。svgアニメーションブラウザのサポート

ホバー上でアニメートするアイコンを探しています。私はすべて私を助けることができる複数のチュートリアルを見つけましたが、私はsvgアニメーションを達成するための多くの異なる方法があることに気付きました。

私はsvgをアニメーション化する最もサポートされている方法についてはほとんど知ることができません。それはjsライブラリがありますか?アニメーションタグ? CSSのアニメーション?

jsライブラリは私にとっては最高のようですが、私もCSSを使う考えが好きです。誰かがこれらのメソッドのブラウザサポートについてもっと教えてくれますか?

+0

[MDNサイト](https://developer.mozilla.org/en-US/docs/Web/SVG/Element/animate)には互換性テーブル – pol

+0

があります。これはアニメーションの複雑さによって異なると思います。その基本的な、大きなsvgライブラリを使用する必要はありません。ちょうどCSSを使用してください。その非常に複雑な場合は、スナップ、svg.jsのようなライブラリの1つを見てください。私は最近、アニメートのタグを気にしないでしょう。なぜなら、典型的には、何かの問題があり、その時間を浪費しています。 – Ian

答えて

0

はたくさんのプラグインがここsnapsvg

  • GSAP
  • segmentjs
  • あなたはcrossbrowser互換hereをチェックアウトすることができます

    • 記載されていますsvg.fewをアニメーション化するために利用されているがあります。

    関連する問題