html中使用map标签,area中coords值能不能用百分比?一个图片已经画好了热区,图片的宽度是百分比控制的,当这个图片放大或缩小后,里面的热区能不能跟着放大或缩小,否则图片和相对应的热区就

来源:学生作业帮助网 编辑:作业帮 时间:2024/05/09 04:29:18

html中使用map标签,area中coords值能不能用百分比?一个图片已经画好了热区,图片的宽度是百分比控制的,当这个图片放大或缩小后,里面的热区能不能跟着放大或缩小,否则图片和相对应的热区就
html中使用map标签,area中coords值能不能用百分比?
一个图片已经画好了热区,图片的宽度是百分比控制的,当这个图片放大或缩小后,里面的热区能不能跟着放大或缩小,否则图片和相对应的热区就错位了.所以coords="284,419,46"这里能不能用百分比控制,若是不能用百分比,网上搜很多,就是有人问,都没看到有解决的.

html中使用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
没有写代码是因为不知道你的图片是在什么情况下尺寸才会变化,把其它代码贴出来看看吧.