stroke-dashoffset

stroke-dashoffsetプロパティは、輪郭線を破線を途中から利用して描く際に使われます。

stroke-dashoffsetプロパティによって、描かれる図形の輪郭線の描き始めに対応する破線の位置が指定されます。
SVG Tiny 1.2では外部のCSSをサポートしていないので、stroke-dashoffsetプロパティの値を指定する場合はstroke-dashoffset属性を利用します。

stroke-dashoffset属性の値は破線中の位置を示す長さ、もしくは"inherit"です。
破線中の位置を示す長さの分だけ破線が進んだ位置から描画が始まります。

例えば、
stroke-dasharray="5,3" stroke-dashoffset="3"
のように書けば、破線の形は長さ2の線と長さ3の間隔の後に長さ5の線と長さ3の間隔の繰り返す形になります。

stroke-dashoffset属性がない場合は"0"として扱われます。すなわち、破線の先頭から描かれます。