1

この SVG アニメーションのコードは、四角形ごとに異なる速度を生成します。同様の速度が必要です（異なる期間）。これで見つからない属性、または簡単な解決策はありますか。

<animate attributeName="x" attributeType="XML" begin="0s" dur="10s" from="0" to="500" fill="freeze"/>


<animate attributeName="x" attributeType="XML" begin="0s" dur="10s" from="0" to="800" fill="freeze"/>

4

2 に答える 2

1

速度アニメーションを設定する方法は次のとおりです。

<animate attributeName="x" attributeType="XML" begin="0s" dur="10s" from="0" to="800" fill="freeze" calcMode="spline" keySplines="0 0 1 0" />

calcMode="spline"およびkeySplines="0 0 1 0"は速度を担当します

「ハンドモード」で適切な速度を設定するのはかなり不便です。したがって、このツールが役立ちます: http://www.carto.net/svg/samples/keysplines.svg

于 2014-07-11T08:43:24.373 に答える
0

いいえ。SVG アニメーションは時間ベースです。calcmode="paced" は、単にデフォルトのアニメーション モードです (アニメーションが最初から最後までジャンプする離散モードに対して)。JavaScript スタイルの「setInterval()」アニメーションが必要な場合は、JavaScript を使用する必要があります。

于 2012-10-28T23:41:23.433 に答える