一.繪制矩形
1.什么是canvas
- canvas標(biāo)簽相當(dāng)于一個(gè)畫板；
- canvas的寬高不要用css去定義，直接在標(biāo)簽中用屬性寫；
2. obj = c.getContext('2d');
- 獲得2d繪畫環(huán)境（相當(dāng)于鋪了一層畫布）
- 繪畫圖像的操作都會(huì)在obj這個(gè)繪畫環(huán)境中存儲(chǔ)；
3. 繪畫方法及樣式
x,y為坐標(biāo)
- 樣例：
二.canvas路徑
1.方法
2. 樣例
cv.lineJoin = 'round';//邊界類型為弧形
三.畫板功能效果（鼠標(biāo)繪畫）
1.基本功能
mousedown事件設(shè)置起點(diǎn)
mousemove加鼠標(biāo)移動(dòng)事件（注意：鼠標(biāo)位置要相對(duì)于canvas畫板定位，所以要加上position屬性）
鼠標(biāo)抬起事件
2.補(bǔ)充功能
根據(jù)選項(xiàng)設(shè)置線條顏色，粗細(xì)
橡皮擦功能
