canvas合成效果有source-over、source-in、source-out、source-atop、destination-over、destination-in、destination-out、destination-atop、lighter、copy等。详细介绍：1、source-over，默认合成模式，新绘制图像会覆盖在已有图像上方；2、source-in等等
本教程操作环境：windows系统、Dell G3电脑。
Canvas是HTML5中的一个绘图API，它提供了丰富的绘图功能，包括图形绘制、图像处理和合成效果等。在Canvas中，合成效果是指在绘制图像时，通过不同的合成模式将多个图像叠加在一起，从而产生不同的视觉效果。下面将介绍一些常见的Canvas合成效果。
1. source-over：这是默认的合成模式，新绘制的图像会覆盖在已有图像的上方。
2. source-in：只有新绘制的图像与已有图像重叠的部分会被保留，其他部分会被透明化。
3. source-out：只有新绘制的图像与已有图像不重叠的部分会被保留，其他部分会被透明化。
4. source-atop：新绘制的图像会覆盖在已有图像的上方，但只有与已有图像重叠的部分会被保留，其他部分会被透明化。
5. destination-over：新绘制的图像会位于已有图像的下方。
6. destination-in：只有已有图像与新绘制的图像重叠的部分会被保留，其他部分会被透明化。
7. destination-out：只有已有图像与新绘制的图像不重叠的部分会被保留，其他部分会被透明化。
8. destination-atop：已有图像会位于新绘制的图像的下方，但只有与新绘制的图像重叠的部分会被保留，其他部分会被透明化。
9. lighter：新绘制的图像与已有图像的颜色会相加，产生更亮的颜色。
10. copy：新绘制的图像会完全替换已有图像。
11. xor：新绘制的图像与已有图像的颜色会进行异或操作，产生特殊的效果。
除了上述合成模式，Canvas还提供了一些全局合成操作，可以通过globalCompositeOperation属性来设置。常见的全局合成操作包括：
1. multiply：新绘制的图像与已有图像的颜色进行乘法混合，产生更深的颜色。
2. screen：新绘制的图像与已有图像的颜色进行屏幕混合，产生更亮的颜色。
3. overlay：根据已有图像的亮度和对比度，调整新绘制的图像的颜色。
4. darken：新绘制的图像与已有图像的颜色进行比较，保留较暗的颜色。
5. lighten：新绘制的图像与已有图像的颜色进行比较，保留较亮的颜色。
通过使用这些合成效果，我们可以在Canvas中实现各种有趣的视觉效果，如图像混合、透明效果、阴影效果等。在实际应用中，我们可以根据需要选择合适的合成模式来实现所需的效果。同时，我们还可以通过组合多个图像和合成效果，创造出更加复杂和独特的图形效果。
以上就是canvas合成效果有哪些的详细内容，更多请关注深圳推广其它相关文章！
