У меня есть файл img (html tag), в котором я устанавливаю все теги области.Но для моего проекта я добавляю еще один слой SVG с такими же координатами области, который служит фоновым слоем для окрашивания этих областей.Однако в первый раз при загрузке страницы координаты svg уменьшаются.
Вот первое изображение, иллюстрирующее уменьшенное изображение: 
Когда я увеличиваю браузер и нажимаю другое действие, оно исправляется атомарно.И вот фиксированное изображение:
Вот мой тег изображения:
<img src="~/Content/Image/16.png" width="869px" height="1200px" id="bdImage" border="0" usemap="#Map" style="opacity: 0;z-index:1500" />
А вот тег svg, который ядобавить в div:
$('#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>');