как визуализировать /отладить карту изображений?

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

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

Итак, какой самый простой способ проверить правильность моей карты изображений? Существуют ли какие-либо инструменты браузера, которые будут «визуализировать» области?

10 голосов | спросил fearofawhackplanet 4 Jpm1000000pmMon, 04 Jan 2010 14:04:38 +030010 2010, 14:04:38

5 ответов


0

Как насчет использования JavaScript (и jQuery) для его тестирования?

http://davidlynch.org/js/maphilight/docs/demo_usa.html

Этот плагин будет выделять области карты изображений.

ответил alex 4 Jpm1000000pmMon, 04 Jan 2010 14:09:01 +030010 2010, 14:09:01
0

Для этого вы можете использовать FireBug :

  • Щелкните правой кнопкой мыши свое изображение и выберите «Проверка элемента с помощью FireBug»
  • На вкладке HTML в Firebug выделен тег image: найдите и разверните связанный map, который обычно идет сразу после него
  • Теперь вы можете навести указатель мыши на каждый тег area, чтобы они были выделены над вашим изображением
ответил jonjbar 25 MarpmTue, 25 Mar 2014 19:52:02 +04002014-03-25T19:52:02+04:0007 2014, 19:52:02
0

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

ответил Henrik Christensen 5 Jpm1000000pmTue, 05 Jan 2016 14:42:23 +030016 2016, 14:42:23
0

Одним из способов визуализации тега области в Chrome является добавление tabindex в area тег (ы), которые вы хотите увидеть, а затем нажмите или перейдите к нему. Chrome хорошо подсвечивает фактический контур области, на которую можно кликать.

Это решение, к сожалению, не работает в Firefox.

ответил Geoff 23 rdEurope/Moscowp30Europe/Moscow09bEurope/MoscowSat, 23 Sep 2017 05:57:13 +0300 2017, 05:57:13
0

Никогда не думал, что скажу это, но это один из немногих случаев, когда Dreamweaver может быть полезен. У вас будет интерфейс, вы сможете работать с опорными точками и легко устанавливать свою карту изображений.

ответил guylabbe.ca 11 J000000Wednesday12 2012, 17:23:31

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132