(HTML5)画布是否具有等效的图像映射？

Question

Canvas元素是否具有img的映射等效,因此您可以在canvas元素上定义可单击区域？

在这里简短地提到了一个地图中间的地图:http://www.w3.org/TR/html5/the-canvas-element.html,但是我找不到任何关于它的信息.

Answer 1

即使没有,也不会在位于画布上的透明图像上的图像地图为您提供所需的图像？

Answer 2

"画布上的地图"目前是HTML5的一个开放性问题.问题#105准确无误.见http://www.w3.org/html/wg/tracker/issues/105

Answer 3

作为解决您的问题的方法：我将click事件附加到画布上，然后在鼠标事件中检查鼠标坐标，然后将简单的区域列表与多边形相结合，就可以对其进行碰撞测试。矩形将是一个开始，但是如果您确实需要特殊区域，则必须进行更高级的碰撞测试。

在Flash中用于像素精度贴图的一种快速解决方案是制作第二个隐藏的叠加位图，当有人单击可见图像时，该位图用于查找。

与旧冒险游戏中使用的技术相同。每个“区域/对象/链接”都有自己的像素颜色。然后，只需保留具有匹配颜色的对象列表即可。

一旦在mousecoord下具有pixelcolor，就可以在表中进行快速查找..和bingo ...

首先，清除带有零（黑色）且等于“无链接”的“点击图片”，然后使用特殊颜色绘制每个区域并将其存储在列表中。

询问是否需要更多帮助。我希望这是一个有用的答案。