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

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

繪制矩形rect()、fillRect()和strokeRect()

 •context.rect( x , y , width , height )：只定義矩形的路徑；
 •context.fillRect( x , y , width , height )：直接繪制出填充的矩形；
 •context.strokeRect( x , y , width , height )：直接繪制出矩形邊框；

發表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發表