canvas的圖像變換api,可以幫助我們更加方便的繪畫(huà)出一些酷炫的效果,也可以用來(lái)制作動(dòng)畫(huà)。接下來(lái)將總結(jié)一下canvas的變換方法,文末有一個(gè)例子來(lái)更加深刻的了解和利用這幾個(gè)api。

 

1.畫(huà)布旋轉(zhuǎn)api

這里要先了解另一個(gè)api

translate(x,y):重新定義畫(huà)布上(0,0)的位置。

 

首先定義一個(gè)旋轉(zhuǎn)的角度a,比如想要旋轉(zhuǎn)45度。

a=45*Math.PI/180

rotate(a):rotate的旋轉(zhuǎn)參數(shù)是弧度。注意,旋轉(zhuǎn)之前要先設(shè)定旋轉(zhuǎn)的中心點(diǎn)。

    <style id="wx3zt"></style>

網(wǎng)友評(píng)論