使用目标输出删除现有形状

context.globalCompositeOperation = "destination-out"

目的地合成使用新形状来擦除现有图纸。

实际上并没有绘制新形状 - 它只是用作切割器来擦除现有像素。

context.drawImage(apple,0,0);
context.globalCompositeOperation = 'destination-out';   // bitemark erases
context.drawImage(bitemark,100,40);

StackOverflow 文档