「SVG」の版間の差分
削除された内容 追加された内容
折れ線 polyline |
|||
306 行
</syntaxhighlight>
折れ線の内部の、それぞれの曲がりのある角の箇所での描画方法を指定できます。
線の太さ(stroke-width)の範囲内で、角を丸めるか(round)、尖らすか(miter)、面取り(bevel)をするかを指定できます。
何も指定ない場合には、miterで描画するように設定されています。
SVGのこれらの機能は、あくまで線の太さの範囲内でしか、処理を行えません。(つまり、たとえば製図ソフト AutoCAD のような面取り・フィレットは、SVGのこれらの指定では出来ないです。) また、その折れ線の内部のすべての曲がり箇所で、同様の曲がり具合(あるいは尖り具合)で描画します。
<syntaxhighlight lang="xml">
<svg>
<polyline points="10,100
50,10
100,100"
fill="none"
stroke="black"
stroke-width="20" stroke-linejoin="round"
/>
</svg>
</syntaxhighlight>
stroke-linejoin属性によって、"round"または"miter"または"bevel"を指定します。
== 文章の描画 ==
|