我有一个img（html标签）文件，我设置所有区域标签 . 但是为了我的项目目的，我添加了另一个具有相同面积坐标的svg图层，作为背景层来着色这些区域 . 但是，第一次加载页面时，svg坐标正在缩小 .
这是第一张图片 - 说明缩小图像：
当我放大浏览器并单击另一个操作时，它会自动固定 . 这里是固定的图像：
这是我的图片标签：
<img src="~/Content/Image/16.png" width="869px" height="1200px" id="bdImage" border="0" usemap="#Map" style="opacity: 0;z-index:1500" />
这是我在div中附加的svg标签：
$('#MapDiv').append('<svg height="1200" width="869" style="position:absolute;display:block;top: 0;left: 15" class="svgDiv" ><polygon points="' + coords + '" style="stroke:purple;stroke-width:1" /></svg>');