преобразование масштаба на карте изображения вырезает элементы области

Question

У меня есть карта изображений, и я использую следующий синтаксис в моем html do c:

<img class ="map" src="image.jpg" usemap="#mymap">
                    <map name="mymap">
                     <area class="one" shape="poly" coords="0,0,0,5400,4344,5398,4003,4488,4042,3508,3925,2528,  4294,1882,4214,1442,4007,0,0" href="#">
                    </map>

В моей таблице стилей я пытаюсь применить преобразование на карте, чтобы увеличить в карту. Я делаю это, используя:

.map:hover {
  transform: scale(3.0); /* (300% zoom) */
}

Я также пытаюсь сделать это с помощью оболочки, например:

<div class = "wrapper">
  <img class ="map" src="image.jpg" usemap="#mymap">
                    <map name="mymap">
                     <area class="one" shape="poly" 
  coords="0,0,0,5400,4344,5398,4003,4488,4042,3508,3925,2528,  
  4294,1882,4214,1442,4007,0,0" href="#">
                    </map>
</div>

и применяя преобразование к оболочке:

.wrapper:hover{
    transform: scale(3.0)}

Трансформации применяют масштабирование только к тем частям карты, которые не содержат элемент области.

Я предполагаю, что это свойство карт изображений; этими элементами области нельзя манипулировать таким образом ...