javascript – HTML5画布颜色

我在
HTML5画布中有两个块.

>蓝色块即固定在画布上
>可以用鼠标拖动的黄色块.

当有人将黄色块移动到蓝色块上时,我想将重叠区域或交叉区域的颜色更改为绿色. (请看附图,有明确的想法)

由于蓝色黄色=绿色,有没有办法通过改变块的不透明度水平来实现这一点,或者我必须搜索两个块的重叠区域并在该区域中显示绿色块或者还有其他方法吗?

我想知道实现这一目标的最佳方法是什么?

最佳答案 看看
canvas globalCompositeOperation.较轻的复合型似乎适合你所追求的.

点赞