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合成效果有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章！
