html5 - canvas 用 quadraticCurveTo 填充透明色 为什么会把背景色透过来???

Question

canvas 先铺了个背景色
然后 用quadraticCurveTo 画了个圈 填充透明色

为什么会把背景色透过来，没擦除么？

我做的是一个很Q的 圆形弹力的
貌似clearRect 不好使

Answer 1

你需要设置 ctx.globalCompositeOperation = "xor" 然后再画图。

详见 MDN 的文档：https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Canvas_tutorial/Compositing