SVGの破線・点線

SVGの点線・破線は:

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