削除された内容 追加された内容
回転の動画
→‎回転の動画: 公転の方法
581 行
もし、「公転だけをさせたい」という場合には、<code>anmateMotion</code>を使うことで、パスにそった平行移動が可能なので、それを流用して公転を命令できます。
 
 
== 自転しない公転の動画 ==
たとえば次のようなコードで、公転だけをさせることができます。
 
<syntaxhighlight lang="xml">
<svg x="0" y="0" width="400" height="200" style="background-color: #bbbbff" >
<rect x="10px" y="40px" width="50" height="50" fill="white" stroke="black" stroke-width="3">
<animateMotion
path="M 100,0
a 50,50 90 0 0 100,100
a 50,50 90 0 0 -100,-100 "
dur="4s" repeatCount="indefinite"
>
</rect>
</svg>
</syntaxhighlight>
 
path属性で、下記の「M」(m)や「A」(a)のようなパスコマンドで、移動のコマンドを入力できます。
 
Mは始点のセットです。
M x座標,y座標
の書式です。
 
「a」は、楕円にそった移動の命令です。
 
aの書式は、
a 半径x,半径y 角度 large-arc-sweep-flag 回転向きフラグ 終点x座標,終点y座標
です。
 
回転向きフラグは、0なら反時計周りです。1なら時計周りです。
 
 
各種の座標の位置は、相対位置であり、前の命令の終わった時点からの相対位置です。
 
== 参考文献 ==