使用坐標變換，就可以實現圖形變形處理了
三種方式：
1.平移
ctx.translate(x,y);//x 表示坐標軸原點向左移動多少個單位，默認為像素；y 表示坐標軸原點向下移動多少個單位
2.擴大
ctx.scale(x,y);//x 表示水平方向放大（小數表示縮小）倍數，y 表示垂直方向放大縮小的倍數
3.旋轉
ctx.rotate(angle);//angle 角度 （正數為順時針方向旋轉，負數為逆時針方向旋轉）
當使用坐標變換之后，已以創建好的路徑就不能用了，必須重新創建路徑。但是重新創建路徑之后，坐標變換就失效了，必須先另寫一個創建路徑的方法，然后在坐標
變換的同時調用該方法
使用矩陣變換同樣可以達到圖形變換的后果
posted on 2011-08-17 10:48
長春語林科技 閱讀(517)
評論(0) 編輯 收藏 所屬分類:
html5