“擦除”在html5画布

前端之家收集整理的这篇文章主要介绍了“擦除”在html5画布前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个涂鸦应用程序在html5画布,我试图找出最好的方法来实现橡皮擦控件。第一个冲动只是让橡皮擦绘制背景颜色[白色],但这是有问题的,因为如果用户将图像或另一个图层移动到他们以前删除的地方,他们看到他们擦除的白色图形。

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

谢谢。

解决方法

如果你想画一个黑色的透明笔画,你可能想:
context.globalCompositeOperation = "destination-out";
context.strokeStyle = "rgba(0,1)";

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

猜你在找的HTML5相关文章