function adjustPosition(position) {
// 获取宽高
var pageWidth = document.body.clientWidth;
var pageHeight = document.body.clientHeight;
// 图片原始尺寸
var imageWidth = 1423;
var imageHeigth = 1077;
var each = position.split(",");
for (var i = 0; i < each.length; i++) {
if(i%2==0){
// 新的y轴坐标
each[i] = Math.round(parseInt(each[i]) * pageHeight / imageHeigth).toString();
}else{
// 新的x轴坐标
each[i] = Math.round(parseInt(each[i]) * pageWidth / imageWidth).toString();
}
}
var newPosition = "";
for (var j = 0; j < each.length; j++) {
newPosition += each[j];
if (j < each.length - 1) {
newPosition += ",";
}
}
return newPosition;
}}
获取coords属性的坐标值,并用新计算出来的坐标点进行替换:
function adjust() {
var map = document.getElementById("CribMap");
var area=map.getElementsByTagName('area');
for (var i = 0; i < area.length; i++) {
var oldCoords = area[i].getAttribute("coords");
var newcoords = adjustPosition(oldCoords);
area[i].setAttribute("coords", newcoords);
}
}
运行:adjust();
本文创建于:2021年05月29日,最后更新于:2021年08月09日,已超过 1361 天没更新!内容可能已失效,请自行测试,失效请评论区反馈,谢谢啦~