CanvasContext.rotate

簡(jiǎn)介

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

掃碼體驗(yàn)

效果示例

示例代碼

//.js
const ctx = my.createCanvasContext('canvas')


ctx.strokeRect(200, 20, 180, 150)
ctx.rotate(30 * Math.PI / 180)
ctx.strokeRect(200, 20, 180, 150)
ctx.rotate(30 * Math.PI / 180)
ctx.strokeRect(200, 20, 180, 150)


ctx.draw()

顯示效果如下圖所示：

入?yún)?/h4>

Object 類型，屬性如下：

屬性	類型	描述
rotate	Number	旋轉(zhuǎn)角度，以弧度計(jì)(degrees * Math.PI/180；degrees 范圍為 0~360 ) 。