canvas的圖像變換api,可以幫助我們更加方便的繪畫出一些酷炫的效果,也可以用來制作動畫。接下來將總結(jié)一下canvas的變換方法,文末有一個例子來更加深刻的了解和利用這幾個api。
1.畫布旋轉(zhuǎn)api
這里要先了解另一個api
translate(x,y):重新定義畫布上(0,0)的位置。
首先定義一個旋轉(zhuǎn)的角度a,比如想要旋轉(zhuǎn)45度。
a=45*Math.PI/180
rotate(a):rotate的旋轉(zhuǎn)參數(shù)是弧度。注意,旋轉(zhuǎn)之前要先設(shè)定旋轉(zhuǎn)的中心點。
延伸閱讀
我想了解如何學(xué)習(xí) |