1 縮放
ctx.scale(scalewidth,scaleheight);
注意：1 縮放的是整個畫布，縮放后，繼續繪制的圖像會被方法或縮小。
2 當前圖像的原點，寬高都被縮放了。
2 位移
ctx.stranslate(x,y);
x:添加到水平坐標上的值； y:添加到垂直坐標上的值
注意：1 發生位移后，相當于把畫布的0，0坐標更換到新的x,y的位置，所有繪制的新元素都被影響。
2 位移畫布一般配合縮放和旋轉等。
3 旋轉
ctx.rotate(angle);
注意：參數angle是弧度
4 繪制環境保存和還原
ctx.save(): 保存當前環境的狀態
//一般寫在原狀態前面，用來保存初始狀態
ctx.restore():返回之前保存過的路徑狀態和屬性。
//獲取最近緩存的ctx
一般配合位移畫布使用。
5 設置繪制環境的透明度
ctx.globalAlpha = number;
//number:透明質。介于0.0~1.0之間。
設置透明度是全局的透明度的樣式。
6 畫布限定區域繪制
ctx.clip();
//從原始畫布中剪切任意形狀和尺寸；
一旦剪切了某個區域，則所有之后的繪圖都被限制在被剪切的區域內（不能訪問畫布上的其他區域）。
