私は、javascript からの SVG 内の要素の回転を必要とするいくつかの作業を行っています。これを行うために、SVG アイテムをセットアップし、アニメーションを定義してから、SVG 自体の外部で (js から) 任意のイベントに基づいてアニメーションを実行する方法をテストしてきました。アニメーションを実行する前に、回転角度と回転速度を設定します。
これはすべてうまくいきます。
私の問題は、アニメーションが完了すると、svg が元の状態に戻ることです。つまり、SVG を 90 度回転すると、アニメーションが完了すると、SVG はすぐに 0 度に戻ります。
w3.orgの svg doco 、特に加算オプションと蓄積オプションを見てきましたが、うまくいかないようです。
些細なことだと思いますが、問題の原因がわかりません。
ロバートのおかげで、解決策が見つかりました。以下に解決策を追加しました。