Question

我想在画布上绘制一个图像（可以有透明部分），完全用酸性图像替换画布内容（与source-over合成操作不同）。

生成的画布将具有与源图像完全相同的值。我找不到任何合成操作来执行此操作。

我可以在调用drawImage()之前清除画布，但我想知道是否有更快/更好的方式。

Answer 1

如果您想要替换所有内容（如问题中的文字所示），您可以使用复制模式：

ctx.globalCompositeOperation = "copy";

如果你只想删除部分画布，即。将绘制内容的区域，然后可以使用clearRect：

ctx.clearRect(x, y, width, height);   // replace with values