Я знаю о картах изображений HTML
<map name="beachmap">
<area href="/" shape="poly" coords="17,51,42,35,66,51,66,89,17,89"
alt="Beach hut" title="Beach hut - where you get changed">
...
Используемые единицы, AFAIK, являются пикселями. Я в ситуации, когда мне нужно создать карту изображения, но на изображении переменной ширины. В идеале я бы хотел создать карту изображений, в которой используются em, или проценты для определения областей вместо пикселей. Это возможно? Какие у меня варианты?
Честно говоря, мне нужно иметь функциональность карты изображений на фоне, который имеет background-sizing:cover
набор background-sizing:cover
, так что еще сложнее. Но если бы я мог использовать относительные единицы или найти простое решение, чтобы иметь карту изображения для изображения с переменной шириной, это было бы отличным началом!
Нашли несколько похожих вопросов или ответов, содержащих полезную информацию...
Изменение размера карты изображения при изменении размера окна
Динамическое изменение размеров изображений и изображений
PS: спецификации подразумевают, что проценты могут использоваться как единица карты изображения, в дополнение к пикселям, но, похоже, браузер не следует той части спецификаций: