html - 我需要查看 HTML 图像 map 区域

标签 html map styles area

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

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

还有更好的办法吗?为了简单起见,我发布了这个带有矩形的示例,我只是想通过插件或其他方式查看它。

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

最佳答案

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

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

希望对您有所帮助:)

关于html - 我需要查看 HTML 图像 map 区域,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12642912/

相关文章:

javascript - displayDiv.fadeIn ('3000' );不会在这个网页上慢慢消失

javascript - 为什么 JavaScrips 仅在加载页面后才起作用?

android - Osmdroid map 旋转

wpf - WPF 中的网格样式没有模板属性?

c# - WPF 自定义 slider PART_SelectionRange 落后于拇指

css - 如何防止css规则之间的冲突

html - 如何在 react 中添加html元素属性

html - 向右浮动不起作用

map - F# - GroupBy 并将函数应用于第二个元组项中的每个属性