当html中使用map标签时,area中coords值如何精确定位呢?

当html中使用map标签时,area中coords值如何精确定位呢?,第1张

当html中使用map标签时,area中coords值如何精确定位呢?

你可以借助Dreamweaver来定位
coords 属性与 shape 属性配合使用,来规定区域的尺寸、形状和位置。
这个原理是数学的坐标图,以作用区域的做下叫作为X=0,Y=0,Z=0这样的开始推算

形状1” coords=“区域座标列表1” href="跳转到的URL1">
形状2” coords=“区域座标列表2” href="跳转到的URL2">

【1】shape有以下几个参数:
shape='rectangle' 矩形
shape='circle':圆形
shapre='palygon': 多边形
【2】coords的意思是定义区域点的坐标
a.矩形:必须使用四个数字,前两个数字为左上角座标,后两个数字为右下角座标
b.圆形:必须使用三个数字,前两个数字为圆心的座标,最后一个数字为半径长度
c.任意图形(多边形):将图形之每一转折点座标依序填入

PS切图法

就是把咱要添加的图用PS打开,然后找到切图工具,切出想要加锚点的区域,然后点击右键“编辑切片选项”,就能看到四个数值了。
如果定义coords="a,b,c,d"的话,我们可以得出以下公式:
a=X
b=Y
c=W
d=Y+H

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/5017277.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-11-14
下一篇 2022-11-15

发表评论

登录后才能评论

评论列表(0条)

保存