注冊(cè)

微信小程序API繪圖對(duì)坐標(biāo)軸進(jìn)行順時(shí)針旋轉(zhuǎn),canvasContext.rotate修改坐標(biāo)

2017-12-22
導(dǎo)讀：繪圖接口和方法 canvasContext.rotate 定義 以原點(diǎn)為中心，原點(diǎn)可以用 translate方法修改。順時(shí)針旋轉(zhuǎn)當(dāng)前坐標(biāo)軸。多次調(diào)用 rotate ，旋轉(zhuǎn)的角度會(huì)疊加。 參數(shù) 參數(shù) 類(lèi)型 說(shuō)明 rotate Number 旋轉(zhuǎn)...

 

canvasContext.rotate

定義

以原點(diǎn)為中心，原點(diǎn)可以用 translate方法修改。順時(shí)針旋轉(zhuǎn)當(dāng)前坐標(biāo)軸。多次調(diào)用rotate，旋轉(zhuǎn)的角度會(huì)疊加。

參數(shù)

參數(shù) 類(lèi)型 說(shuō)明
rotate Number 旋轉(zhuǎn)角度，以弧度計(jì)(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()
更多微信小程序開(kāi)發(fā)教程，可以關(guān)注hi小程序。
重磅推薦：小程序開(kāi)店目錄

第一部分：小商店是什么

第二部分：如何開(kāi)通一個(gè)小商店

第三部分：如何登錄小商店

第四部分：開(kāi)店任務(wù)常見(jiàn)問(wèn)題

第五部分：小商店可以賣(mài)什么

第六部分：HiShop小程序特色功能

第七部分：小程序直播

第八部分：小程序收貨/物流

第九部分：小程序怎么結(jié)算

第十部分：小程序客服

第十一部分：電商創(chuàng)業(yè)

第十二部分：小程序游戲開(kāi)發(fā)