SVGの点線・破線は:
- 破線と点線の区別はない。幾つかの属性を使用する。
- stroke-dasharray
- stroke-linecap
- storoke-dashoffset
- stroke-dasharray="間隔"
- 間隔は none 、または数値のカンマ区切りリスト、「描く/描かなない」の交代的並びで、繰り返し適用される。
- 線の端(先端・終端)の形状を変更するには、stroke-linecap属性を使用。
- butt初期値 パスの端と同じ位置(飛び出さない)で切り取ったような四角い形状。
- round 線の太さの半分の長さを端から飛び出した丸い形状。
- square 線の太さの半分の長さを端から飛び出した四角い形状。
- 破線の描画開始位置を変更するには、stroke-dashoffset属性を使用。