Как сделать ссылку, строго соответствующую контурам изображения? - PullRequest
0 голосов
/ 03 июля 2019

У меня есть квест на создание интерактивной карты страны со связанными регионами, и каждый регион должен выглядеть как область определенного цвета с городами внутри. Ну, я должен сказать, что я довольно нуб в html и javascript, у меня были некоторые навыки в Java, но это было несколько лет назад. Итак, сайт, на котором мне нужно вставить карту, я сделал на WordPress, так как это было простое решение. Для простоты я решил использовать только изображения разных регионов и объединить их, используя абсолютное позиционирование, в целую карту. Но загвоздка в том, что на самом деле любое изображение имеет форму прямоугольника, хотя в нем есть части, в которых нет цвета. Поэтому я не могу сделать ссылку с фактической областью региона, ссылка всегда является прямоугольником. Можно ли сделать кликабельным только ту область изображения, где что-то нарисовано? Скажем, если изображение в форме свечи, как сделать кликабельной только саму свечу, без прозрачности вокруг нее?

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

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...