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