1.獲取<canvas>元素對應的DOM對象,這是一個Canvas對象;
2.調用Canvas對象的getContext()方法,得到一個CanvasRenderingContext2D對象;
3.調用CanvasRenderingContext2D對象進行繪圖。
圖形組合:
•globalAlpha:設置或返回繪圖的當前alpha 或透明值該方法主要是設置圖形的透明度,這裡就不具體介紹。
•globalCompositeOperation:設置或返回新圖像如何繪製到已有的圖像上,該方法有以下屬性值:下面是一個小示例,可以通過點擊改變組合效果:
XML/HTML Code複製內容到剪貼板