Как я могу навести курсор мыши на точную форму изображения?

Question

Приведенный ниже вопрос на самом деле не относится к программированию, а скорее к вопросу "как я могу это сделать", совету по реализации.

У меня есть изображение карты мира.Я могу сделать каждый континент отдельным изображением.

Что я хочу сделать, так это создать функцию наведения курсора мыши на каждый континент.Когда пользователь наводит курсор мыши на континент - ТОЧНЫЙ форма континента, который есть - я хочу, чтобы он изменил цвет.

Мой главный вопрос заключается в том, как я могу ссылаться, когда пользователь наводит курсор мыши на точный форма континента?Я не хочу использовать Flash для этого, хотя, боюсь, другого способа сделать это нет?

Спасибо всем

Answer 1

Единственный известный мне способ сделать это (без внешних библиотек или js) - использовать <map>.Вам нужно будет ввести координаты и форму (в данном случае poly для формы), чтобы они соответствовали области, которую вы хотите разрешить: http://www.w3schools.com/TAGS/tag_map.asp

Answer 2

В ответ на ваш главный вопрос вам, вероятно, придется использовать старую добрую карту изображений. Этот генератор карт изображений это хорошо работало у меня в прошлом.

Что касается того, чтобы заставить их менять цвета, вы всегда могли бы использовать спрайт и просто изменять положение фона каждой страны при наведении курсора мыши?

Answer 3

Вам следует ознакомиться с этим плагином jQuery:http://plugins .jquery.com/project/maphilight

и здесь есть руководство:http://www.electricfairground.com/2009/08/08/image-map-rollover-effects-using-jquerys-maphilight-plugin/

Answer 4

Это зависит от вашей платформы (web, winform, linux, os x и т.д.).

В Интернете вы можете использовать карту изображений.

В любом приложении, размещенном на операционной системе, вы могли бы создать эквивалент карты изображений, используя регион.Или вы могли бы даже проверить цвет пикселя, над которым вы наводите курсор.