HTML Imagemap Generator

矩形、または、円を描く場合は、ツールを選択後に画像上でドラッグしてください。作成済みのシェイプをクリックするとサイズや位置の調整ができます。

多角形を描く場合は、ツールを選択後に画像上でクリックしてください。2つめの頂点が確定すると、マウス移動時に対象エリアを確認できるようになります。
escape キーで多角形の作成モードを終了します。作成済みのシェイプをクリックすると位置の調整ができます。

1つ以上のシェイプが選択された状態で delete / backspace キーを押すと、削除できます。

  1. <img src="IMG_0089.jpeg" usemap="#ImageMap" alt="" />
  2. <map name="ImageMap">
  3. <area shape="rect" coords="131,824,374,951" href="#" alt="" />
  4. <area shape="rect" coords="143,995,389,1102" href="#" alt="" />
  5. </map>