微信小程序API繪圖對坐標軸進行順時針旋轉,canvasContext.rotate修改坐標
2017-12-22
導讀:繪圖接口和方法 canvasContext.rotate 定義 以原點為中心,原點可以用 translate方法修改。順時針旋轉當前坐標軸。多次調用 rotate ,旋轉的角度會疊加。 參數 參數 類型 說明 rotate Number 旋轉...
canvasContext.rotate
定義
以原點為中心,原點可以用 translate方法修改。順時針旋轉當前坐標軸。多次調用rotate
,旋轉的角度會疊加。
參數
參數 | 類型 | 說明 |
---|---|---|
rotate | Number | 旋轉角度,以弧度計(degrees * Math.PI/180;degrees范圍為0~360) |
const ctx = wx.createCanvasContext('myCanvas')
ctx.strokeRect(100, 10, 150, 100)
ctx.rotate(20 * Math.PI / 180)
ctx.strokeRect(100, 10, 150, 100)
ctx.rotate(20 * Math.PI / 180)
ctx.strokeRect(100, 10, 150, 100)
ctx.draw()
更多微信小程序開發教程,可以關注hi小程序。
第二部分:如何開通一個小商店