Question

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

不幸的是，我无法设置区域标记的样式，以便我可以看到映射的位置。这使得绘制这些区域变得非常困难，我每次都必须用鼠标跟踪它，以了解它的开始位置和结束位置。

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

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

Answer 1

我找到了一个可以帮助您的在线图像地图编辑器：

http://www.maschek.hu/imagemap

Answer 2

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

如果使用MS Windows，MS Paint会在状态栏显示坐标。
使用在线工具，例如http://www.image-maps.com/
使用编辑器，例如Adobe Dreamweaver
使用FireBug（http://getfirebug.com/）

希望有所帮助：）

Answer 3

我使用以下网站获取坐标

http://imagemap-generator.dariodomi.de/

<map name="planetmap">

<area alt="facebook" coords="334,280,41" shape="circle" href="https://www.facebook.com/" target="_blank" />

<area alt="Twitter" coords="438,280,41" shape="circle" href="https://twitter.com/" target="_blank" />

<area alt="Gogle Plus" coords="541,280,39" shape="circle" href="https://plus.google.com/" target="_blank" />

<area alt="linkedin" coords="645,280,39" shape="circle" href="https://in.linkedin.com/" target="_blank" />

<area alt="youtube" coords="751,280,41" shape="circle" href="https://www.youtube.com/" target="_blank" />
</map>

为了您的更好，我将链接作为参考从您找到什么是HTML图像地图以及我们如何使用它

Image map details

Answer 4

您可以将区域包裹在范围内并对其进行样式设置以获得高度，宽度，背景和位置。

我需要看一个HTML图像映射区域

4 个答案: