我有一个像下面这样的图像映射,一个地方在另一个地方,如下所示:
如何在不选择内部的情况下获取外部坐标。我正在使用这个 Link获取 map 的坐标。
(即,当鼠标悬停在不应显示 Upperhanover 的三个区域时,我需要获取 UpperHanover 的坐标。)
我想在不选择内部区域的情况下获取外部区域的坐标,如下所示。
根据下面的建议答案,我得到的图像贴图如下:但我不想看到边界线。
抱歉我的解释不当。不懂的请追问。
最佳答案
我会尝试使用包围白色区域的“多边形”形状区域。
<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/