如何使用strokeStyle清除部分画布?

时间:2012-03-07 00:49:08

标签: javascript html5 canvas

我的问题如下:

我有一个它确实有透明背景。它用作绘图板而不是其他元素。绘制完东西后,我希望能够使用橡皮擦工具擦除它,它将具有与绘图工具相同的功能。

一个选项是使用clearRect并在拖动时清洁小矩形。还有更好的解决方案吗?也许是涉及strokeStyle的简单事情?

2 个答案:

答案 0 :(得分:0)

如果,对于你的橡皮擦工具,你将strokeStyle设置为rgba(255,255,255,0),从而用透明的白色填充笔划中涉及的任何画布像素,基本上“清除”它们?

答案 1 :(得分:0)

尝试使用上下文属性“globalCompositeOperation”设置为“destination-out”进行绘制。这适用于所有支持Canvas的浏览器吗?