shape属性 - area要素の領域の種類

<!-- このコードは編集できます。 -->

<h2>circle</h2>
<img src="./image.png" usemap="#my-circle" width="200" height="200">
<map name="my-circle">
	<area shape="circle" coords="100,100, 50" href="https://syncer.jp/" target="_blank">
</map>

<h2>rect</h2>
<img src="./image.png" usemap="#my-rect" width="200" height="200">
<map name="my-rect">
	<area shape="rect" coords="50,50, 150,150" href="https://syncer.jp/" target="_blank">
</map>

<h2>poly</h2>
<img src="./image.png" usemap="#my-poly" width="200" height="200">
<map name="my-poly">
	<area shape="poly" coords="0,0, 200,0, 0,200" href="https://syncer.jp/" target="_blank">
</map>

<h2>default</h2>
<img src="./image.png" usemap="#my-default" width="200" height="200">
<map name="my-default">
	<area shape="default" href="https://syncer.jp/" target="_blank">
</map>