序章
DOM要素とDOM要素SVG
の両方を使用するための基本的なアニメーション手法をいくつか知っています。だから私はこのSVGを作成しましたが、コードが多すぎない限り、x秒ごとにアニメーションをトリガーする方法を理解できません。やってみましたが、初めて待つだけです。Javascript
<animate>
begin="4s"
質問:
begin
またはのようなDOMプロパティがありますがdur
、間隔を秒単位で定義するにはどうすればよいですか?これを達成するためのより良い方法はどれですか?
私が試したこと:
<animateTransform attributeName="transform" additive="sum" attributeType="XML"
type="rotate" dur="1s" repeatCount="indefinite" from="0 54.2 43.3"
to="360 54.2 43.3" begin="3s" fill="freeze"/>
ここでの完全な例:SVGフィドル
ノート:
- すでにSVG仕様を確認しました
- Javascriptコードを追加するのはオプションです
- CSS3の使用もオプションです