VMLサンプル path エレメント

v アトリビュート文字列(または shape の path プロパティ)のコマンドについて
サンプルを作ってみます。
(私が探した中ではここで取り上げるようなサンプルは見つかりませんでした。)
コメントには下記のリンクからの引用を含んでいます。

----------------------------------------------------
参考:
Microsoft MSDN Library http://msdn.microsoft.com/library/default.asp?url=/workshop/author/vml/shape/data/vmlom.asp
ベクトルマークアップ言語(VML) W3Cノート http://www.w3.org/TR/NOTE-VML
ベクトルマークアップ言語(VML) W3Cノート (翻訳どら猫本舗) http://www.doraneko.org/misc/vml/19980513/Overview.html#_Toc416858391

VMLサンプル path エレメント >コマンド'm','l','e'

'm' 与えられた (x,y) 座標で新しいサブパスを開始する。
'l'(エル) 与えられた (x,y) 座標へ現在点から線を描画し、この点を新しい現在点にする。
'e' 現在のサブパスのセットを終了する。
青のラインは一見すると二つの図形に見えますが、一つの図形です。

VMLサンプル path エレメント >コマンド 'x'

'x' 元の moveto 点へ現在点から直線を描画して、現在のサブパスを閉じる。

VMLサンプル path エレメント >コマンド 't'

't' 座標 (cpx+x, cpy+y) で新しいサブパスを開始する。
(cpx+x, cpy+y)は相対座標で、
図の(4)"0,20"は(3)からの相対座標です

VMLサンプル path エレメント >コマンド 'r'

'r' 与えられた相対座標 (cpx+x, cpy+y) へ現在点から線を描画する。
(cpx+x, cpy+y)は相対座標で、
図の(2)"100,70"から(4)までは相対座標です

VMLサンプル path エレメント >コマンド 'v'

'v' 与えられた現在点との相対座標を使った3次ベジェ曲線。
図の(2)"100,70"から(4)"50,-20"までは(1)からの相対座標です

VMLサンプル path エレメント >コマンド 'nf'

'nf' 現在のセットの(end - e によって区切られた)サブパスは塗りつぶされない。
図の(1)〜(3)は塗潰されるが、(4)〜(6)は塗潰されない。

VMLサンプル path エレメント >コマンド 'ns'

'ns' 現在のセットの(end - e によって区切られた)サブパスは塗りつぶされない。
図の(1)〜(3)は塗潰されないが、(4)〜(6)は塗潰される。

VMLサンプル path エレメント >コマンド 'c'

'c' 最後2つのパラメータによって与えられた座標へ現在点からベジェ曲線を描画する。
制御点は最初4つのパラメータによって与えられる。

VMLサンプル path エレメント >コマンド 'at'

'at' left, top, right, bottom, 開始点 (x,y), 終了点 (x,y)。
最初4つの値は楕円の境界ボックスを定義する。
最後4つは2本の半径ベクトルを定義する。

VMLサンプル path エレメント >コマンド 'ar'

'ar' left, top, right, bottom, 開始点 (x,y), 終了点 (x,y)。
'at'(arcto) と同じであるが、弧の開始点への黙示的な moveto により新しいサブパスが開始される。

VMLサンプル path エレメント >コマンド 'wa'

'wa' left, top, right, bottom, 開始点 (x,y), 終了点 (x,y)。
'at'(arcto) と同じであるが、弧が時計回り方向に描画される。

VMLサンプル path エレメント >コマンド 'wr'

'wr' left, top, right, bottom, 開始点 (x,y), 終了点 (x,y)。
'ar'(arc) と同じであるが、弧が時計回り方向に描画される。

VMLサンプル path エレメント >コマンド 'qx'

'qx' 終了点 (x,y)。
与えられた終了点へ現在点から四つ割り楕円が描画される。
楕円セグメントは、初期的にはx軸に平行な直線に沿っている(すなわち、セグメントは水平方向に向かって開始する)。

VMLサンプル path エレメント >コマンド 'qy'

'qy' 終了点 (x,y)。
楕円セグメントが初期的にはy軸に平行な直線に沿っている(すなわち、セグメントは垂直方向に向かって開始する)ことを除き、'qx'(ellipticalquadrantx) と同じである。

VMLサンプル path エレメント >コマンド 'ae' (angleellipseto)

中心 (x,y), サイズ (w,h), 開始角、終了角。
これらのパラメータを使って記述する楕円のセグメントを描画する。セグメントの開始点へ現在点から直線が描画される。 
---------------------------------------------------------------------
図(1)のpath部分は下のようになります。
path="m200,200 ae 200,200 100,100 -3932160,9830400 x e"
         [0]   ^^   [1]     [2]      (a)     (b)

[1]中心 (x,y)
[2]サイズ (w,h)
(a)開始角
(b)終了角

開始角と終了角は以下のようにして求めます。
                                         (a)            (b)
       開始角         終了角          開始角*2^16    終了角*2^16
(1)  -60(∠XOB)     150(∠AOB)  ⇒ (   -3932160   ,   9830400    )
(2) -180(∠XOC)     120(∠BOC)  ⇒ (  -11796480   ,   7864320    )
(3) -270(∠XOA)      90(∠COA)  ⇒ (  -17694720   ,   5898240    )

※ 2^16 は2の16乗で65536ですから、 例えば(1)の開始角は -60*65536= -3932160 となります。

※ 開始角は例えば(1)の場合、∠AOXではなく∠XOBですので注意が必要です