合成

8：合成

ctx.globalAlpha

                         取值为0到1

//默认上面是源，下面是目标

                 ctx.globalCompositeOperation

                         source-over(默认值):源在上面,新的图像层级比较高

                         source-in  :只留下源与目标的重叠部分(源的那一部分)

                         source-out :只留下源超过目标的部分

                         source-atop:砍掉源溢出的部分

                        

                         destination-over:目标在上面,旧的图像层级比较高

                         destination-in:只留下源与目标的重叠部分(目标的那一部分)

                         destination-out:只留下目标超过源的部分

                         destination-atop:砍掉目标溢出的部分

                 ctx.ispointinpath(x,y)

                         x,y这个点是否在路径上

ctx.fillStyle = "papayawhip";

ctx.globalAlpha=0.2;//设置全局透明度

ctx.fillRect(0,0,100,100);

//合成就是取重叠或者溢出

实例：刮刮卡

https://github.com/Hightinstance/practice/blob/master/scratch_card_phone/%E5%88%AE%E5%88%AE%E5%8D%A1.html