Альтернатива использованию Image-Maps на сложных полигонах

Question

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

Первое и последнее, что пришло мне в голову, - это использование Image-Maps.

Но прежде чем идти по этому пути, я хотел спросить, может ли кто-нибудь придумать более современное решение для этого?

Требования к поддержке браузера: IE> = 7, FF> = 3, более новые Chrome & Opera.Таким образом, использование CANVAS не может быть вариантом.

Answer 1

При разработке веб-документов вы всегда должны выбирать то, что подходит для выражения вашего намерения , чтобы ваши документы были максимально адаптированы к сценариям использования, о которых вы даже не думали.

Карта изображений полностью подходит для размещения ссылок на изображениях карт.<canvas> делает ваш документ менее понятным.SVG был бы разумным выбором, если бы он хорошо соответствовал вашим данным, но менее широко реализован, чем карты изображений.

Answer 2

IE7 не будет работать с SVG или Canvas (если вы не любите плагины, как указывает г-н Брэдшоу), и хотя VML может работать там, это трясина.Вы можете использовать некоторый JavaScript для вычисления точка-полигон при перемещении мыши.Но на самом деле карты изображений (на стороне клиента или на стороне сервера), вероятно, будут самым простым подходом.

Answer 3

SVG будет хорошим выбором, есть плагины для добавления совместимости для древних версий IE.В картах нет ничего плохого, просто убедитесь, что ссылки действительно ясны, поскольку в строке состояния нет информации, похожей на обычную ссылку.