「SVG」の版間の差分
削除された内容 追加された内容
→回転の動画: 公転の方法 |
|||
607 行
の書式です。
「a」は、楕円にそった移動の命令です。正円（小学校で習うような普通の円）の専用のアニメーション命令は用意されていないので、楕円のa命令を正円でも流用します。（後述の半径xと半径yを同じ値にすれば、正円として流用できます。）
aの書式は、
614 ⟶ 615行目:
回転向きフラグは、0なら反時計周りです。1なら時計周りです。
large-arc-sweep-flag とは、楕円の円弧は始点と終点の2点を定めても一通りには定まらず、長弧と短弧の2通りの弧があるので、そのうちどちらかを指定するためのものだという仕様です。仕様上では、large-arc-sweep-flag が0なら短弧で、1なら長弧という仕様です。
ですが、実際のブラウザ実装では、なぜか短い弧しか選択されない場合があるので、とりあえず180度以上の弧に沿って動かす場合には、180度以下の2つの弧の組み合わせとしてコードを記述するのがラクでしょう。
| |||