次のコードは、画像上に画像マッピングを作成するもので、後で学ぶ友人にも役立つことを願っています。
<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 サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
