热点区域中，rect 矩形区域，使用2个做点来确定具体位置和大小。
shape="rect"coords="x1,y1,x2,y2"
以的左上角为坐标原点，矩形的左上角坐标x1,y1和矩形的右下角坐标x2,y2来确定具体位置和大小。
结合具体的代码来解释
coords="0,0,110,260"0,0就是矩形的左上角坐标
该点距离的左上角横向距离为0
该点距离的左上角纵向距离为0
110,260就是矩形的右下角坐标
该点距离的左上角横向距离为110
该点距离的左上角纵向距离为260
图示
<HTML>
<HEAD>
<BODY>
<div style="
width:的宽px;
height:的高pxpx;
background-image:url('xxjpg');
text-align:center;
>
<table width="的宽px" height="的高px">
<tr>
<td alt="铜牌会员" title="铜牌会员"></td>
<td alt="银牌会员" title="银牌会员"></td>
<td alt="金牌会员" title="金牌会员"></td>
</tr>
<tr>
<td alt="三钻会员" title="三钻会员"></td>
<td alt="皇冠会员" title="皇冠会员"></td>
<td alt="金冠会员" title="金冠会员"></td>
</tr>
</table>
</div>
</BODY>
</HTML>
这样也是可以做到的
以上就是关于HTML5 中创建图片点击热点区域时 怎么知道那个区域在哪全部的内容，包括:HTML5 中创建图片点击热点区域时 怎么知道那个区域在哪、html 如何在一张图片中的不同位置（坐标）显示不同的html<title>信息： 如下图所示；懂的哥们帮帮忙，在线、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）