javascript - ImageMap 的外坐标

标签 javascript html coordinates imagemap

我有一个像下面这样的图像映射,一个地方在另一个地方,如下所示:

enter image description here

如何在不选择内部的情况下获取外部坐标。我正在使用这个 Link获取 map 的坐标。

(即,当鼠标悬停在不应显示 Upperhanover 的三个区域时,我需要获取 UpperHanover 的坐标。)

我想在不选择内部区域的情况下获取外部区域的坐标,如下所示。 enter image description here

根据下面的建议答案,我得到的图像贴图如下:但我不想看到边界线。 enter image description here

抱歉我的解释不当。不懂的请追问。

最佳答案

我会尝试使用包围白色区域的“多边形”形状区域。

<img src="https://www.google.de/images/srpr/logo11w.png" usemap="#example"/>
<map name="example">
  <area shape="poly" coords="0,0, 280,0, 280,50, 250,50, 250,150, 320,150, 320,50, 280,50, 280,0, 538,0, 538,190, 0,190" alt="clickable area" href="javascript:alert('Click!')">
</map>

我创建了一个 JSFiddle 作为示例。 Logo 的黄色“o”不可点击,而其余部分可点击。 http://jsfiddle.net/pXth7/

希望我正确理解了您的问题。

编辑:我没有正确理解。显然,您想使某些库或其他库的可点击区域可见。我能想到的唯一解决方案是:http://jsfiddle.net/X4mPW/10/

关于javascript - ImageMap 的外坐标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24885431/

相关文章:

c# - 如何在 .aspx 页面中为 CssClass 分配动态值不起作用

python - 从随机坐标列表中查找外边界

python - 如何抵消极坐标计算直角坐标的误差

javascript - 在 Angular js 中过滤来自 json 或服务器的数据

javascript - 带有自定义图标的 Bokeh 自定义操作

javascript - 点击简单按钮时页面会刷新?

javascript - 如何从 Canvas 多边形(填充区域)获取像素坐标

java - 将 Json 文件存储在 AngularJS 变量中以与 'ng-repeat' 一起使用

javascript - 创建可点击的进度条

javascript - jQuery .addClass 未在 $(this) 上执行