javascript – 单击画布中的给定元素

是否有任何技巧来确定用户是否点击了在画布中呈现的给定元素?例如,我使用透明背景显示.png文件中的菱形,我想知道用户是否在该图内部或外部点击(如鼠标元素碰撞). 最佳答案 画布中没有单个元素的概念 – 它只是一个区域,您正在绘制像素.另一方面,SVG由可以将事件绑定到的元素组成.但是,您可以采用一些方法将点击事件添加到画布:

>定位一个html元素,该元素覆盖您想要点击的画布上的区域. A用于矩形区域或用于更不规则的图像映射.
>为要点击的每个元素使用单独的画布.
> CAKE – 我自己没有使用它,但它的描述是“SVG没有XML”.这可能会满足您的需求.演示在这里http://glimr.rubyforge.org/cake/canvas.html#EditableCurve

点赞