HTML5 Canvas 叠加图像

HTML5 Canvas overlaying images

我正在使用 konvajs 库将多个图像绘制到 canvas。图像在某些点上是透明的。

现在我想将点击处理程序附加到图像,但如果图像在那一点上是透明的,则不应触发点击处理程序/将点击处理程序提升到不透明的图像。

但是目前顶部的图像获取所有点击处理程序。有没有办法忽略图片透明部分的点击事件?

在查看 konvajs doku 之后,我找到了这张图片样本:http://konvajs.github.io/docs/events/Image_Events.html

悬停狮子正是我想要的!