html5画布中的“擦除”

我有一个html5画布上的涂鸦应用程序,我正试图找出实现橡皮擦控件的最佳方法。第一个冲动是让橡皮擦绘制背景色[白色],但这是有问题的,因为如果用户将图像或另一层移动到他们先前擦除的位置,他们会看到他们擦除的白色图形

理想情况下,我想让擦除控件将像素更改为黑色透明。我不能简单地使用lineTo来做这件事,因为很明显,它只是在上面画了一条黑色的透明线,而这使得原始涂鸦保持不变。有什么办法吗

谢谢

如果要绘制黑色透明笔划,可能需要:

context.globalCompositeOperation=“目的地输出”;
context.strokeStyle=“rgba(0,0,0,1)”;

请记住保存以前的GlobalComposite操作,然后稍后还原,否则透明度将无法正常工作

发表评论