“擦除”在html5画布

我有一个涂鸦应用程序在html5画布，我试图找出最好的方法来实现橡皮擦控件。第一个冲动只是让橡皮擦绘制背景颜色[白色]，但这是有问题的，因为如果用户将图像或另一个图层移动到他们以前删除的地方，他们看到他们擦除的白色图形。

理想情况下，我想让擦除控制更改像素为黑色透明。我不能简单地使用lineto来做这个，因为，显然，它只是绘制一个黑色的透明线，它使原始的涂鸦不变。任何想法如何做到这一点？

谢谢。

解决方法

如果你想画一个黑色的透明笔画，你可能想：

context.globalCompositeOperation = "destination-out";
context.strokeStyle = "rgba(0,1)";

请记住保存以前的globalCompositeOperation，然后稍后恢复它或透明度将无法正常工作！