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

在 area 标签上支持的属性有 shape、coords、href、alt、target、type、download、hreflang、media、rel`；
coords 值如何精确定位圆形，在绘制一个圆形时，其 shape='circle'，coords='x,y,r'，这里的 coords 值通过圆心(x,y)和半径r来确定位置和大小；矩形，在绘制一个矩形时，其 shape='rectangle'，coords='x1,y1,x2,y2'，这里的 coords 值通过两对确定位置顶点的值(x1,y1)和(x2,y2)来确定具体位置和大小；多边形，在绘制多边形时，其 shapre='palygon'，coords='x1,y1,x2,y2,x3,y3...'，这里的 coords 值通过多对确定位置顶点的值(x1,y1)、(x2,y2)、(x3,y3)... 来确定具体的位置和多边形的大小。

个人简介

我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题

[html] 当html中使用map标签时,area中coords值如何精确定位呢？相关推荐

thinkphp ajax volist,thinkphp中的volist标签在ajax中操作详解
在一个ThinkPHP的复杂页面(包含volist)中实现volist标签显示Jquery查询结果的返回.本文主要和大家介绍thinkphp 中的volist标签在ajax操作中的特殊性(推荐),需要 ...
select html默认选中的值,HTML/jquery中的select标签设置默认选中取值
一.jQuery中的select标签设置默认选中取值每一次操作select的时候,总是要出来翻一下资料,不如自己总结一下,以后就翻这里了. 比如 1.设置value为pxx的项选中 $(" ...
Html中的map标签
图像的影像地图超链接,<map>标签浅谈在HTML中还可以把图片划分成多个热点区域,每一个热点域链接到不同网页的资源.这种效果的实质是把一幅图片划分为不同的热点区域,再让不同的区域进行超 ...
HTML中的map标签的使用
map 的意思是热点图片,可以在一张图片中定义一些热点,这些热点可以实现超链接等. 在Html中,给图像使用map标签,可以给图像的某个部分建立超连接,用法如下: <img src=img. ...
【转】HTML中的map标签
html中的Map,area标签详解工具 Imagination Image Map Editor 一.定义和用法定义一个客户端图像映射.图像映射(image-map)指带有可点击区域的一幅图 ...
使用H5中的video标签时，页面中间显示“暂停”图标；点击播放，图标消失；点击暂停，图标出现（play、pause、ended）
有时候我们在做项目的过程中会遇到这样的需求: 使用H5中的video标签播放一个视频,并在视频的中心位置放置一个暂停的图标,点击后视频播放,图标消失:再次点击后,视频暂停,图标出现. 想要的效果,例下 ...
今天我们谈一下HTML标签中的map标签的用法和使用场景
首先我们看下这个标签到底是干什么的! W3C的定义: 然后兼容性: 然后与之配套使用的另一个标签: <area/>规定其区域: 我们来看看<map>标签支不支持全局属性:=== ...
在Asp.Net MVC中实现RequiredIf标签对Model中的属性进行验证
在Asp.Net MVC中可以用继承ValidationAttribute的方式,自定制实现RequiredIf标签对Model中的属性进行验证具体场景为:某一属性是否允许为null的验证,要根据另 ...
jquery中的map()方法与js中的map()方法
1.jquery中的map()方法首先看一个简单的实例: $("p").append( $("input").map(function(){ return $ ...

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

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

个人简介

主目录

[html] 当html中使用map标签时,area中coords值如何精确定位呢？相关推荐

最新文章

热门文章