我正在为我拥有的图表工具动态生成图像映射。
我希望能够在区域标签上设置边框或颜色，这样我就可以检查是否使用正确的坐标生成了所有内容，但一些研究表明这是不可能的。
那么检查我的图像映射是否正确的最简单方法是什么？是否有任何浏览器工具可以“可视化”这些区域？
问问题
8538 次
6 回答
7
使用 JavaScript（和 jQuery）来测试它怎么样？
http://davidlynch.org/js/maphilight/docs/demo_usa.html
该插件将突出显示图像地图区域。
于 2010-01-04T11:09:01.737 回答
6
您可以为此使用FireBug：
- 右键单击您的图像并选择“使用 FireBug 检查元素”
- 在 Firebug 的 HTML 选项卡中，
image标签被突出显示：找到并展开关联的map标签，通常在它之后 - 您现在可以将鼠标放在每个
area标签上，以查看它们在您的图像上突出显示
于 2014-03-25T15:52:02.853 回答
6
在 Chrome 中可视化区域标签的一种方法是将 a 添加tabindex到area您想要查看的标签中，然后单击或使用标签。Chrome 会很好地突出可点击区域的实际轮廓。
不幸的是，这个解决方案在 Firefox 中不起作用。
于 2017-09-23T02:57:13.390 回答
4
Image Map Editor是 Firefox 的插件。它是迄今为止我发现的最好的工具，它使创建、检查和编辑图像映射变得非常容易。
于 2016-01-05T11:42:23.803 回答
1
从没想过我会这么说，但这是 Dreamweaver 可以提供帮助的少数情况之一。您将拥有一个界面，您将能够使用锚点并轻松设置您的图像地图。
于 2012-07-11T13:23:31.990 回答
0
在 Chrome 中，您可以选择图像映射的区域并单击左侧的三个小点，然后选择“焦点”
于 2021-02-07T12:10:37.840 回答