如何可视化/调试映像图？ [英] how to visualise/debug an imagemap?

问题描述

我希望能够在区域标签上设置边框或颜色，所以我可以检查一切正在产生与正确的坐标，但一点研究表明这是不可能的。

那么检查我的图像地图最简单的方法是正确的？是否有任何浏览器工具可以可视化这些区域？解析方案

您可以使用 FireBug 为此：

• 右键点击图片并选择Inspect元素与FireBug


• 在Firebug的HTML选项卡中， image 标记被突出显示：找到并展开关联的<$ c $


• 现在，您可以将鼠标放在每个区域区域 >标签，以便在您的图片中突出显示它们

I'm dynamically generating an imagemap for a chart tool I have.

I was hoping to be able to set a border or color on the area tags so I could check everything was being generated with the right coords, but a little research shows this is not possible.

So whats the easiest way to check my image map is correct? Are there any browser tools which will "visualise" the areas?

解决方案

You can use FireBug for that:

• Right-click your image and choose "Inspect Element with FireBug"
• In the HTML tab of Firebug, the image tag is highlighted: locate and expand the associated map tag, which usually is right after it
• You can now place your mouse over each area tags to see them highlighted over your image

这篇关于如何可视化/调试映像图？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！