HTMLのタグの画像マッピング作成の詳細説明

次のコードは、画像上に画像マッピングを作成するもので、後で学ぶ友人にも役立つことを願っています。

<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm">
  <area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm">
  <area shape="poly" coords="23,58,8,59,40,70" alt="Venus" href="venus.htm">
</map>

このコードのshapeはクリック領域の形状を指し、​​coordsは画像内のリンク領域の座標(ピクセル単位)を参照する必要があります。

shape
1、rect Rectangle
2、circle Circle
3、poly Polygon

coords
1、距離shape：左上隅の頂点座標は(x1,y1)、右下隅の頂点座標は(x2) , y2)
2. 円: (円の中心の座標は (X1, y1)、半径は r)
3. 多角形: (各頂点の座標は (x1, y1)、(x2, y2)、(x3、y3)....)

以上がHTMLのタグの画像マッピング作成の詳細説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。