WeChat アプレット API 描画は座標軸を時計回りに回転します


rotate

は原点を中心に

を定義しており、translateメソッドを使用して原点を変更することができます。現在の座標軸を時計回りに回転します。 rotateを複数回呼び出すと、回転角度が重ね合わされます。

パラメータ

QQ截图20170208145346.png

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()

201612261754012187.png