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 | ｘ座標、ｙ座標を連続で指定します |
| stroke | 線の色 |
| stroke-width | 線の幅 |
| fill | 塗りつぶしの色 |