HTML5中map标签的使用 area标签中的coords怎么可以做到自适应

coords 中的值只能是数字，你的问题可以用 JavaScript 来解决 页面加载的时候，用 JavaScript 获取图片的尺寸，例如 500 * 300，当图片尺寸发生改变的时候再获取一次，例如 400 * 240，获取比例，400 / 500 = 0.8。然后使用 JavaScript 重新设定 coords 284 * 0.8 419 * 0.8 46 * 0.8 ...

首先看下<area>标签的实现方法.区域是根据属性coords里面的值来实现的.所以,单单给图片增加img-responsive根本实现不了响应式.这种效果,最好用flash来解决.或者写很多个版本通过判断设备类型,尺寸来解决.可你版面又这么复杂.

可以直接在dw 中设计，我用的2019CC，可以先调出设计窗口，然后对在DW显示出的图片右键，选出属性，然后就有 然后左下角就是热点工具，直接拖动在图片上选出来，代码里就会自动生成坐标

首先，矩形区域的创建：area 属性可接受以左上角顶点 (x1, y1) 和右下角顶点 (x2, y2) 作为坐标的定义。其次，圆形区域的实现：只需要提供圆心的坐标 (X1, y1) 以及半径 r 的值。最后，多边形区域的构造：可以通过指定各顶点坐标，以 x1, y1、x2, y2 等的形式排列。

图片热点区域中，rect 矩形区域，使用2个做点来确定具体位置和大小。shape="rect" coords="x1,y1,x2,y2"以图片的左上角为坐标原点，矩形的左上角坐标x1,y1和矩形的右下角坐标x2,y2来确定具体位置和大小。结合具体的代码来解释 coords="0,0,110,260"0,0就是矩形的左上角坐标 该点距离图片...

使用HTML <map>标签，给图片设置热点（指定的要添加链接的地方）例子：<img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" border="0" /> <map name="planetmap" id="planetmap"> <area shape="circle" coords="180,139,14" href ="venus.html" style="cursor: ...

HTML5中a标签新增的属性有charset、shape、coords、downloadNew等来修改链接样式在HTML5中的a标签新增了许多新的属性，为超链接增加了许多新的功能和样式，今天将和大家详细介绍HTML5中新增的a标签中的属性值HTML5 <a> 标签的主要作用是用于超链接，可以链接到其他页面也可以链接到本地的其他文件，<a> ...

上面的代码可以知道，如果用户设备支持地理定位，则运行 getCurrentPosition() 方法。如果getCurrentPosition()运行成功，则向参数showPosition中规定的函数返回一个coordinates对象，getCurrentPosition() 方法的第二个参数showError用于处理错误，它规定当获取用户位置失败时运行的函数。我们先来看函数showError()...

你是想在当前地图的视野中搜索银行吗？如果是的话，你试下用 “矩形范围搜索”，例如：var local = new BMap.LocalSearch(map,{ renderOptions:{map: map}});local.searchInBounds("银行", map.getBounds());

charset char_encoding HTML5 中不支持。规定被链接文档的字符集。coords coordinates HTML5 中不支持。规定链接的坐标。download filename 规定被下载的超链接目标。href URL 规定链接指向的页面的 URL。hreflang language_code 规定被链接文档的语言。media media_query ...