javascript - 如何清除 HTML5 canvas 中的圆弧或圆?

标签 javascript html canvas

我发现有一个 clearRect() 方法,但找不到任何清除圆弧(或整圆)的方法。

有什么方法可以清除 Canvas 中的弧线吗?

最佳答案

没有clearArc,但是您可以使用复合操作来实现相同的目的

context.globalCompositeOperation = 'destination-out'

根据 MDC,此设置的效果是

The existing content is kept where it doesn't overlap the new shape.

https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Canvas_tutorial/Compositing

因此,任何启用此模式的填充形状最终都会删除当前的 Canvas 内容。

关于javascript - 如何清除 HTML5 canvas 中的圆弧或圆?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3564717/

相关文章:

javascript - 如何翻转 HTML Canvas 上绘制的路径

javascript - 碰撞适用于顶部,但不适用于底部

javascript:在最后两个字符周围添加跨度

javascript - javascript 类的原型(prototype)语法错误

javascript - Bootstrap 数据切换的 "active state"叫什么?

jquery 在页面加载时弹出

html - 标题 DIV 之外的标题文本

javascript - 在 AngularJS Controller 内的循环中渲染和注入(inject)动态模板

jquery - Flexslider 箭头落在带有额外空白的幻灯片下方

javascript - 添加 flaglike 挥舞到 2d 上下文