javascript - 清除 HTML Canvas 中形状下的像素

Question

我正在使用 HTML Canvas 和 javascript，我需要清除通过关闭路径创建的形状下方的所有像素(例如，我正在使用 flot ，我想制作圆 Angular ，然后做为此，我首先需要通过在 Angular 的顶部绘制一条曲线来移除所需的像素来移除方 Angular )。

现在，我只是通过用与背景相同的颜色填充形状来做到这一点，这可以模仿我想做的事情，但是，这并不理想，因为它不可能将图表放在没有看到方 Angular 的非实体背景。我知道有一个 clearRect 方法可以做我想做的事情，但只有矩形，我需要用任何封闭的形状来做。这可能吗？如果可能，我该怎么做？

Answer 1

brainjam 的代码朝着正确的方向前进，但并没有完全解决问题。这是解决方案:

context.save();
context.globalCompositeOperation = 'copy';
context.fillStyle = 'rgba(0,0,0,0)';
//draw shape to cover up stuff underneath
context.fill();
context.restore();