我正在使用 HTML Canvas 和 javascript,我需要清除通过关闭路径创建的形状下方的所有像素(例如,我正在使用 flot ,我想制作圆 Angular ,然后做为此,我首先需要通过在 Angular 的顶部绘制一条曲线来移除所需的像素来移除方 Angular )。
现在,我只是通过用与背景相同的颜色填充形状来做到这一点,这可以模仿我想做的事情,但是,这并不理想,因为它不可能将图表放在没有看到方 Angular 的非实体背景。我知道有一个 clearRect 方法可以做我想做的事情,但只有矩形,我需要用任何封闭的形状来做。这可能吗?如果可能,我该怎么做?
最佳答案
brainjam 的代码朝着正确的方向前进,但并没有完全解决问题。这是解决方案:
context.save();
context.globalCompositeOperation = 'copy';
context.fillStyle = 'rgba(0,0,0,0)';
//draw shape to cover up stuff underneath
context.fill();
context.restore();
关于javascript - 清除 HTML Canvas 中形状下的像素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3088229/