我需要看到一个 HTML 图像映射区域 [英] I need to see an HTML image map area

问题描述

我想在我的图像上设置一个地图区域，但我希望它是一个八边形，所以我真的需要看看我在画什么.

I am trying to set a map area on my image, but I want it to be an octagon so I really need to see what I'm drawing.

不幸的是，我无法设置区域标签的样式，以便我可以看到映射发生的位置.这让我很难绘制这些区域，我每次都必须用鼠标跟随它才能知道它从哪里开始，到哪里结束.

Unfortunately there is not way for me to style the area tag so that I can see where the mapping is taking place. This is making it really difficult for me to draw these areas, I have to follow it with the mouse every time to know where it begins and where it ends.

有更好的方法吗?我用一个矩形发布这个例子只是为了让事情变得简单，我只是想通过插件或任何东西看到它.

Is there a better way ? I'm posting this example with a rectangle just to keep things simple, I just want to see it, through a plugin or anything.

<img src="img/myimg.png" usemap="#mapid" />
<map id="mapid" name="mapid">
<area id="myarea" shape="rect" coords="960, 0, 600, 500" href="#"/>
</map>

推荐答案

绘制坐标的工具有很多，下面是我常用的四种.

There are many tools for you to plot the coordinates, and below are four that I usually do.

1. 如果使用 MS Windows，MS Paint 会在状态栏显示坐标.
2. 使用在线工具，例如 http://www.image-maps.com/
3. 使用编辑器，例如 Adob​​e Dreamweaver
4. 使用 FireBug (http://getfirebug.com/)

希望有帮助:)

这篇关于我需要看到一个 HTML 图像映射区域的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！