TOP

SVG polygon要素

polygon要素は多角形を描きます。polyline要素と違い、pathの両端点が閉じられます。

星を描いたサンプルプログラム

<?xml version="1.0" encoding="utf-8" ?>
<pxd paper-type="A4">
<page>
<svg width="21cm" height="29.7cm" viewBox="0 0 2100 2970">
 <polygon fill="red" stroke="blue" stroke-width="10"
  points="700,150 759,322 938,322 794,430 846,602
     700,500 544,602 606,430 462,322 642,322" />

</svg>
</page>
</pxd>

polygon要素の主な属性

属性名
points x座標、y座標を連続で指定します
stroke 線の色
stroke-width 線の幅
fill 塗りつぶしの色