3

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

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

有没有更好的办法 ？我发布这个带有矩形的示例只是为了简单起见，我只是想通过插件或任何东西来查看它。

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

4 回答 4

5

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

http://www.maschek.hu/imagemap

于 2012-09-28T16:04:08.123 回答
4

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

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

希望有帮助:)

于 2012-09-28T16:06:17.670 回答
0

我使用以下网站获取坐标

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 图像映射以及我们如何使用它

图片地图详情

于 2017-08-22T10:23:51.653 回答
0

您可以将该区域包裹在一个跨度中并设置其样式以获取高度、宽度、背景和位置。

于 2017-08-30T11:22:08.433 回答