我在 html5 canvas 中有一个涂鸦应用程序,我正在尝试找出实现橡皮擦控件的最佳方法。第一个冲动只是让橡皮擦绘制背景颜色[白色],但这是有问题的,因为如果用户将图像或另一层移动到他们之前擦除的位置,他们会在擦除的位置看到白色绘图。
理想情况下,我希望擦除控件将像素更改为黑色透明。我不能简单地使用 lineTo 来执行此操作,因为显然,它只是在其上绘制一条黑色透明线,而原始涂鸦保持不变。关于如何做到这一点有什么想法吗?
谢谢。
如果你想画一个黑色透明的笔画,你可能想要:
context.globalCompositeOperation = "destination-out";
context.strokeStyle = "rgba(0,0,0,1)";
请记住保存之前的 globalCompositeOperation 并稍后恢复,否则透明度将无法正常工作!
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)