昨年から、アプリでアニメーションを作成するために HTML5 キャンバスを使用しています。すべてがうまく機能していますが、キャンバスが提供するグラフィック品質と解像度は絶対に嫌いです. SVG とキャンバスのグラフィック品質を比較すると非常に驚いたので、キャンバスを使用するのではなく SVG アニメーションに移行したいと考えています。しかし問題は、キャンバスにあるのと同じアニメーションを SVG で動作させる方法を理解できないことです。
私のアニメーションの特定、またはほとんどには、スプライト アニメーション (スプライトから画像をレンダリングし、再描画キャンバスを使用してそれらをアニメーション化する) が含まれています。スプライト アニメーションにキャンバスを使用し、他のアニメーションに SVG を別々に使用したくないので、SVG を使用してそれを行うことができるかどうか疑問に思います。SVG アニメーションを作成するための優れたチュートリアルや出発点はありますか? どんな情報も役に立ちます。ありがとう！