canvas學習二-------一些接口

var context=canvas.getContext('2d');//主要是通過context這個接口

2d和3d區別挺大

lineWidth//線條的寬度

strokeStyle//線條的樣式

context.beginPath()//開始繪製

context.closePath()//結束繪製 自動幫我們連接成封閉的

context.fillStyle="yellow";

context.fill();//封閉圖形變成黃色。

幾種顏色的表示

線條屬性

lineCap butt round(突出原型頭) square（突出方形的頭）

line Join  round miter 

圖像變換和狀態保存