我相信这个问题以前已经被问过了,但我还没有找到答案。
我想通过在上面绘制另一个白色矩形来擦除黑色矩形的一部分,但很多原始的黑色矩形透过来,就像被平均了一样:
canvas = document.getElementById('canvas');
context = canvas.getContext('2d');
context.globalAlpha = 1;
context.globalCompositeOperation = 'source-over';
context.strokeStyle = 'rgba(0,0,0,1)';
context.strokeRect(10,20,20,30);
context.strokeStyle = 'rgba(250,250,250,1)';
context.strokeRect(20,20,10,30);
我希望看到的是在左侧一个单一黑色的 C,旁边是几乎白色的矩形。但现在我看到的是一个单一的黑色 C,一个灰色反向的 C 和两者之间的几乎白色线条。 js fiddle 在这里。
rgba(255,255,255,1)
吗? - Jan Hommesrgba(250,250,250,1)
:) - AJP