Я хочу преобразовать карту изображения в svg, поскольку карта изображения не изменяет размер при изменении размера браузера. Как изменить координаты и метки?Как изменить координаты при преобразовании imagemap в svg?
<img id="image" src="ch01ch01.png" width="453" height="453" usemap="#map"/>
<map name="map" id="id_1">
<area class="notbutton" shape="poly" id=12 coords="172,227,181,224,183,213,189,201,195,193,199,190,199,184,126,93,135,93,123,79,103,96,84,117,68,140,58,162,51,186,48,201,47,214,135,219,130,227,148,227,147,225,151,227,149,223,153,227,153,221,156,225,157,214,160,202,166,190,174,179,176,177,174,174,191,176,192,192,189,189,180,200,174,212,172,224,172,227"
onmouseover=" Display_img(curr_base_id,'12')" onclick="change_BASE_ID('12',this.className)" onmouseout="Display_base_img()"/>
<area class="notbutton" shape="poly" id=11 coords="173,229,181,229,184,243,192,256,201,265,201,271,179,309,174,302,125,375,106,361,88,342,71,319,59,295,52,270,48,252,47,243,65,240,61,248,147,234,147,236,150,234,150,238,154,234,154,239,156,235,159,246,165,262,175,275,185,284,195,270,184,259,177,249,174,237,173,229"
onmouseover=" Display_img(curr_base_id,'11')" onclick="change_BASE_ID('11',this.className)" onmouseout="Display_base_img()"/>
</map>
Что вы пробовали до сих пор? Пожалуйста, включите резюме работы, которую вы сделали до сих пор, чтобы решить эту проблему. – sean
Привет, я пробовал этот код для своего изображения. http://jsfiddle.net/32rx6/2/, но ширина изображения n height не равна 100%. Это 453 * 453, так что это не работает для меня. – Karen
Этот код предназначен для карты изображения. Что вы сделали w.r.t. SVG? –