Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Изменение размеров map area при изменении размера изображения. (https://javascript.ru/forum/misc/56908-izmenenie-razmerov-map-area-pri-izmenenii-razmera-izobrazheniya.html)

mxup 09.07.2015 13:44

Изменение размеров map area при изменении размера изображения.
 
Здравствуйте, хотелось бы спросить вот что:
Нарисовал карту map area на изображении. Но при уменьшении размеров окна браузера по ширине - происходит сжатие изображения, но координаты map area карты изображения остаются такими же. Соответственно всё сдвигается. Подскажите пожалуйста, как с помощью Яваскрипта можно добиться масштабирование элементов map area вместе с изображением.

Deff 09.07.2015 16:01

mxup,
1. Имхо делать картинку карты с фиксированной шириной-высотой, отслеживать window.onresize по ширине.
2. Ко всей карте, вместе с area, обработчиком onresize применять css правило
transform: scale(width/widthResize ); // http://htmlbook.ru/css/transform
Где width; widthResize текущий и размер окна браузера, с которого начинается ужатие
Если width>widthResize - операцию пропускаем


Часовой пояс GMT +3, время: 01:12.