HTML-карты изображений с непиксельными, относительными единицами измерения (например, и т. Д.)

0

Я знаю о картах изображений 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, так что еще сложнее. Но если бы я мог использовать относительные единицы или найти простое решение, чтобы иметь карту изображения для изображения с переменной шириной, это было бы отличным началом!

  • 0
    Не совсем уверен, что карты изображений используются больше. Вы можете сделать то же самое с помощью якоря и немного CSS.
  • 1
    @ChristopherMarshall вы не можете создавать сложные формы, как вы можете с областью.
Показать ещё 1 комментарий
Теги:
background
pixels
imagemap

1 ответ

0

Нашли несколько похожих вопросов или ответов, содержащих полезную информацию...

Изменение размера карты изображения при изменении размера окна

Динамическое изменение размеров изображений и изображений

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

http://home.comcast.net/~urbanjost/IMG/semaphore.html

Ещё вопросы

Сообщество Overcoder
Наверх
Меню