微信小程序 — canvas 組件

畫布，默認寬高300px * 225px ，其中屬性 canvas-id 是唯一的，如果重復使用 ，畫布將會被隱藏，不再工作。

 

 

 

 

 

 canvas組件是原生組件，它的層級是最高的，不能通過z-index設置層 級，css動畫對canvas組件無效。

 

canvas繪制矩形，演示繪制的基本步驟：

 

canvas繪制笑臉：

　　　　

 

 

 

 

Canvas 對象方法介紹

 CanvasContext.draw ()：將之前在繪圖上下文中的描述（路徑、樣式、變形）畫到canvas中。
 CanvasContext.arc()：創建一條弧線。
 CanvasContext.rect()：創建一個矩形路徑。
 CanvasContext.lineTo()：新增一個新點，用stroke方法來畫線條。
 CanvasContext.moveTo()：把路徑移動到畫布中的指定點，不創建線條。