栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

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

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

当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

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/407484.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号