HTML5 Canvas橡皮擦

Question

有一种实现橡皮擦的方法(除了使用白色铅笔？).

我正在使用分层,我在画布下面有一个图像,所以,如果橡皮擦涂成白色,用户会注意到,因为下面的图像不是纯白色.

Answer 1

实际上函数是：

function eraser(){
    context.globalCompositeOperation = "destination-out";  
    context.strokeStyle = "rgba(255,255,255,1)";
}

您可以返回源头。

Answer 2

将铅笔颜色设置为透明：

context.fillStyle = "rgba(255,0,0,0)";

格式上rgba()，最后一位是alpha通道，0是完全透明