Illustrator で作成した SVG ファイルをアニメーション化できる js ライブラリを見つけて学習したいと考えています。After Effects とモーション グラフィックスの経験が豊富なので、多くのアニメーション機能を提供してくれる JS ライブラリを探しています。
私は今 BonsaiJS をチェックしています。Bondsai で SVG ファイルをアニメーション化できるかどうかについて誰かアドバイスしてもらえないかと思っています。
現在、サイト全体のイメージ タグに SVG が埋め込まれています。Bonsai で SVG をアニメーション化する方法についての私の考えを説明するために、いくつかのサンプル コードを簡単に書きました。しかし、シェイプではなく既存の SVG ファイルを処理するための特別な要件はありますか? SVG 形式と JS アニメーション ライブラリは私にとって初めてのことで、あいまいに聞こえて申し訳ありません。js ライブラリを使用して SVG をアニメーション化するためのチュートリアルを紹介するだけでも、非常に役立ちます。
<img src="graphic.svg" id="graphic">
bonsai.run(document.getElementById('graphic'), {
code: function() {
},
});