Question

html中使用map标签,area中coords值能不能用百分比？

一个图片已经画好了热区，图片的宽度是百分比控制的，当这个图片放大或缩小后，里面的热区能不能跟着放大或缩小，否则图片和相对应的热区就错位了。所以coords="284,419,46"这里能不能用百分比控制，若是不能用百分比，还有解决这问题的方法吗？哪位热心网友帮帮忙吧，网上搜很多，就是有人问，都没看到有解决的。有帮助的话给高分

Answer 1

coords 中的值只能是数字，你的问题可以用 JavaScript 来解决

页面加载的时候，用 JavaScript 获取图片的尺寸，例如 500 * 300，当图片尺寸发生改变的时候再获取一次，例如 400 * 240，获取比例，400 / 500 = 0.8。然后使用 JavaScript 重新设定 coords

284 * 0.8
419 * 0.8
46 * 0.8

没有写代码是因为不知道你的图片是在什么情况下尺寸才会变化，把其它代码贴出来看看吧。

Answer 2

用js写一个方法
当触发相关事件时，重定义coords的值

追问

怎么捕获这个图片尺寸发生改变的事件

追答

就要看你触使这个图片改变的根本原因
如果是窗口最大化 或缩小造成的 window.resize
如果是其它 具体看情况，点击触发的等等

追问

那用JavaScript或query怎么 取到 coords的值 ，我怎么取到coords ，像getelementById(“area”).什么方法能取到coords里的值

追答

getelementById(“area”).coords
或getelementById(“area”).getAttribute("coords");