Canvas - 多重合成操作

Question

在绘制不同的“事物”时是否可以使用多个合成？

例如，我想为特定类型的填充矩形使用打火机，但对于其余部分，我想保持一切正常。

Answer 1

当然，构图模式可以在每次绘图之前动态更改，因此您可以将某些绘图操作更改为“较轻”，而将其他操作更改为“源覆盖”。

请注意，某些压缩模式可能会清除已绘制的内容，因此请谨慎选择。

ctx.globalCompositeOperation = "lighter";      // lighter mode (blend mode)
ctx.fillRect(x, y, w, h);

ctx.globalCompositeOperation = "source-over";  // normal mode (comp mode)
ctx.fillRect(x, y, w, h);