基本図形 SVGで八角形を描く

SVGで八角形を描くサンプルです。

ソースコード

<svg width="300" height="300" viewBox="-150 -150 300 300">
	<path d="M138 57 L 57 138 L -57 138 L -138 57 L -138 -57 L -57 -138 L 57 -138 L 138 -57 z" style="fill:#D4D459"></path>
</svg>

座標の計算はこちらのサイトでやっています。小数点以下は切り捨てました。