HTML5画布选择图像一个在另一个上面忽略透明

Question

我如何选择一个在另一个之上的图像。 黑框是图层大小，蓝色圆圈是第一层，红色圆圈是第二层。

如何选择红圈内的蓝圈

我有理由忽略透明，但如何使其获得理想的结果。

Answer 1

var dx=blueCenterX-mouseX;
var dy=blueCenterY-mouseY;
var isMouseInBlue=(dx*dx+dy*dy<blueRadius*blueRadius);