我有一个涂鸦应用程序在html5画布,我试图找出最好的方法来实现橡皮擦控件。第一个冲动只是让橡皮擦绘制背景颜色[白色],但这是有问题的,因为如果用户将图像或另一个图层移动到他们以前删除的地方,他们看到他们擦除的白色图形。
理想情况下,我想让擦除控制更改像素为黑色透明。我不能简单地使用lineTo来做这个,因为,显然,它只是绘制一个黑色的透明线,它使原始的涂鸦不变。任何想法如何做到这一点?
谢谢。
解决方法
如果你想画一个黑色的透明笔画,你可能想:
context.globalCompositeOperation = "destination-out"; context.strokeStyle = "rgba(0,1)";
请记住保存以前的globalCompositeOperation,然后稍后恢复它或透明度将无法正常工作!