1 縮放

ctx.scale(scalewidth,scaleheight);

注意：1 縮放的是整個畫布，縮放后，繼續(xù)繪制的圖像會被方法或縮小。

2 當(dāng)前圖像的原點，寬高都被縮放了。

2 位移

ctx.stranslate(x,y);
x:添加到水平坐標(biāo)上的值；   y:添加到垂直坐標(biāo)上的值

注意：1 發(fā)生位移后，相當(dāng)于把畫布的0，0坐標(biāo)更換到新的x,y的位置，所有繪制的新元素都被影響。

2 位移畫布一般配合縮放和旋轉(zhuǎn)等。

3 旋轉(zhuǎn)

ctx.rotate(angle);

注意：參數(shù)angle是弧度

4 繪制環(huán)境保存和還原

ctx.save(): 保存當(dāng)前環(huán)境的狀態(tài)
//一般寫在原狀態(tài)前面，用來保存初始狀態(tài)

ctx.restore():返回之前保存過的路徑狀態(tài)和屬性。
//獲取最近緩存的ctx

一般配合位移畫布使用。

5 設(shè)置繪制環(huán)境的透明度

ctx.globalAlpha = number;
//number:透明質(zhì)。介于0.0~1.0之間。

設(shè)置透明度是全局的透明度的樣式。

6 畫布限定區(qū)域繪制

ctx.clip();
//從原始畫布中剪切任意形狀和尺寸；

一旦剪切了某個區(qū)域，則所有之后的繪圖都被限制在被剪切的區(qū)域內(nèi)（不能訪問畫布上的其他區(qū)域）。