path

path要素は、図形を描く際に使われます。

path要素によって、いくつかの点を直線やベジエ曲線で結んだ図形が描かれます。
パラメータとして、描かれる図形の輪郭と輪郭の長さを指定します。

図形の輪郭を指定する属性がdです。d属性には、移動や線を描くための命令が含まれます。

例えば、
<path d="M10,10L100,100" stroke="#000000" fill="none"/>
のように書けば、(10,10)に移動し、そこから(100,100)までまっすぐな線を描くことを表します。
結果として(10,10)から(100,100)までを結ぶ線分が描かれます。

d属性が指定されない場合は、命令が1つも指定されなかったものとして扱われます。命令が1つも指定されなかった場合は、その図形は描画されません。
pathLength属性が指定された場合は、ユーザエージェントが求めた輪郭の長さが調整されます。指定されない場合には、調整は行われません。また、負の値を指定してはいけません。