globalCompositeOperation=“type”; type的值：（11个）
source-over：默认值，表示新图覆盖在旧图之上 source-atop：只绘制旧图和重叠的部分，其他透明 source-in：只绘制新图的重叠部分，其他透明 source-out：只绘制新图，重叠部分和旧图透明 destination-over：表示旧图覆盖在新图之上 destination-atop：只绘制旧图重叠的部分及新图未重叠部分，其他透明 destination-in：只绘制旧图的重叠部分，其他透明 destination-out：只绘制旧图，重叠部分和新图透明 lighter：旧图与新图都绘制，重叠部分混色处理 xor：旧图和新图重叠处做透明处理 copy：只绘制新图形，不绘制旧图形<canvas height="500" width="500" id="canvas"></canvas> <script> var elem=document.getElementById("canvas"); var canvas=elem.getContext("2d"); canvas.beginPath(); canvas.arc(200,200,100,0,2*Math.PI,true); canvas.closePath(); canvas.fillStyle="red"; canvas.fill(); canvas.globalCompositeOperation="source-out"; canvas.beginPath(); canvas.arc(260,260,100,0,2*Math.PI,true); canvas.closePath(); canvas.fillStyle="blue"; canvas.fill(); </script>
