Canvas globalCompositeOperation

2020-04-25 08:03:04易采站长站整理
的背景展示。然后在Canvas中先绘制一个灰色的矩形(源图像),再通过鼠标事件(或触摸事件)来动态绘制新图像(这个就类似笔刷),把
globalCompositeOperation
属性的值设置为
destination-out
(新绘制的图形和目标canvas中已经存在的图形内容不重叠的部分的会被保留)。当笔刷擦除大于一定的比例的时候,就删除
<canvas>
元素或者使用
clearRect()
清除Canvas画布。从而展示出
div
背景

这篇文章我们主要介绍了Canvas的图像合成,在Canvas中可以通过两个属性globalAlpha和globalCompositeOperation来控制图像合成操作,实现图像合成效果。希望对大家的学习有所帮助,也希望大家多多支持软件开发网。