Javascript 如何检测透明区域单击或用户是否在画布中绘制透明区域？

我正在使用drawImage在画布上绘制图像。这是一个由透明像素包围的PNG，如下所示：

如何在画布上该图像的透明部分检测图形移动路径？我想检测用户是否绘制了透明部分

我正在尝试这一点，我做到了，正如在电影中所展示的那样

var ctx=canvas.getContext'2d'， img=新图像； img.onload=牵引； img.src=http://i.stack.imgur.com/UFBxY.png; 函数图{ //在正常模式下绘制原始图像 ctx.drawImageimg，10,10； }

---

要确定像素是否透明，请使用获取像素并查看alpha值

实例

---

要确定像素是否透明，请使用获取像素并查看alpha值

实例

---

如果你能展示你迄今为止所做的尝试，可能会有所帮助。@IronAces我只是在画布上展示上面的图像。现在我想检测用户是否在透明区域上单击或绘制。您在问题中已经提到了这一点，但您试图解决什么问题？我看不到任何证据。看我编辑的问题，我只是在爱奥尼亚应用程序中做的。我希望画布上有一个透明的区域。@IronAces我添加了代码链接和live demo，有问题的链接。如果你能演示一下你到目前为止所做的尝试，可能会有所帮助。@IronAces我只是在画布上显示上面的图像。现在我想检测用户是否在透明区域上单击或绘制。您在问题中已经提到了这一点，但您试图解决什么问题？我看不到任何证据。看我编辑的问题，我只是在爱奥尼亚应用程序中做的。我想在画布上设置透明区域。@IronAces我添加了代码和实时演示的链接，有问题的链接。在图像和透明区域都是错误的，请检查我编辑了问题并添加了实时演示的链接。是的，它正在工作，但我想检查图像内部。例如，如果用户点击该男子，则为假，但如果用户点击图像的另一侧，则为真。图像和透明区域均为假，请检查我编辑了问题并添加了实时演示的链接。是的，它正在工作，但我想检查图像内部。例如，如果用户单击该男子，则为假，但如果用户单击图像的另一侧，则为真。

// assumes ctx is defined
// returns true if pixel is fully transparent
function isTransparent(x, y) { // x, y coordinate of pixel
    return ctx.getImageData(x, y, 1, 1).data[3] === 0; // 4th byte is alpha
}