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

问题描述

我试图在我的图片上设置地图区域，但我希望它是一个八角形，所以我真的需要看看我正在绘制什么。

不幸的是，我无法设计区域标签的样式，以便我可以看到映射的发生位置。这让我很难画出这些区域，每次我都必须用鼠标按下它来知道它从哪里开始以及结束。

更好的方法？我发布这个矩形的例子只是为了保持简单，我只是想通过插件或任何东西看到它。

 < img src =img / myimg.pngusemap =＃mapid/> 
< map id =mapidname =mapid> 
< area id =myareashape =rectcoords =960，0，600，500href =＃/> 
< / map> 
  

解决方案

有许多工具可以绘制坐标，以下是我通常做的四种。

1. 如果使用MS Windows，MS Paint会在状态栏上显示坐标。


2. 使用在线工具，例如 http://www.image-maps.com/


3. 使用编辑器，例如Adobe Dreamweaver


4. 使用FireBug（ http://getfirebug.com/ ）

希望有助于：） p>

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. If using MS Windows, MS Paint shows the coordinates at the status bar.
2. Use an online tool, for example http://www.image-maps.com/
3. Use a editor, for example Adobe Dreamweaver
4. Use FireBug (http://getfirebug.com/)

Hope that helps :)

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