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

标签 javascript html canvas

我正在使用 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/

相关文章:

javascript - JQuery 仅影响同一类的 "this"元素

javascript - Mysql使用freemarker将表打印到html上

javascript - HTML5 Canvas - 从左上角绘制圆圈

javascript - 如何在没有像素模糊的情况下调整 html5 Canvas 大小

javascript - 使用 .reduce() 将两个值相乘(包括之间的值)的方法

javascript - 在 webpack 配置文件中使用 babel 插件

javascript - 在 Photoshop 中编写创建 Action 的脚本

java - java中有什么方法可以判断一个字符串是否包含HTML标签

canvas - 如何使用 flutter 的自定义绘制使用 png UI 图像屏蔽小部件

javascript - 弹出窗口中的动态内容