<canvas></canvas>只是一個繪制圖形的容器，除了id、class、style等屬性外，還有height和width屬性。在<canvas>>元素上繪圖主要有三步：

1.獲取<canvas>元素對應的DOM對象，這是一個Canvas對象；
2.調用Canvas對象的getContext()方法，得到一個CanvasRenderingContext2D對象；
3.調用CanvasRenderingContext2D對象進行繪圖。

圖形組合：

•globalAlpha： 設置或返回繪圖的當前 alpha 或透明值

該方法主要是設置圖形的透明度，這里就不具體介紹。

•globalCompositeOperation： 設置或返回新圖像如何繪制到已有的圖像上，該方法有以下屬性值：

下面是一個小示例，可以通過點擊改變組合效果：

讀者可以點擊標簽來觀察不同的組合效果，效果如下：