效果像这样👇
主要用到合成属性globalCompositeOperation
这里用的globalCompositeOperation
属性值为destination-out
,即源图像透明,只显示源图像之外的目标图像。
在这里我们的源图像是鼠标按下绘制的圆形,目标图像就是绘制出来的刮刮卡那块粉色的图像,鼠标按下以外的粉色图像会变成不可见,就显现出来了最外层盒子设置的蓝色背景色
完
效果像这样👇
主要用到合成属性globalCompositeOperation
这里用的globalCompositeOperation
属性值为destination-out
,即源图像透明,只显示源图像之外的目标图像。
在这里我们的源图像是鼠标按下绘制的圆形,目标图像就是绘制出来的刮刮卡那块粉色的图像,鼠标按下以外的粉色图像会变成不可见,就显现出来了最外层盒子设置的蓝色背景色