CanvasContext.rotate

解释:以原点为中心,原点可以用 translate 方法修改。顺时针旋转当前坐标轴。多次调用 rotate,旋转的角度会叠加。

# 方法参数

Number rotate :旋转角度,以弧度计(degrees * Math.PI/180;degrees 范围为 0~360)。

# 示例

扫码体验
重新加载
请使用百度APP扫码

# 图片示例

图片

# 代码示例

    <canvas canvas-id="myCanvas" class="myCanvas" />
    
    Page({
        onLoad() {
            const canvasContext = swan.createCanvasContext('myCanvas');
    
            canvasContext.strokeRect(100, 10, 150, 100);
            canvasContext.rotate(20 * Math.PI / 180);
            canvasContext.strokeRect(100, 10, 150, 100);
            canvasContext.rotate(20 * Math.PI / 180);
            canvasContext.strokeRect(100, 10, 150, 100);
    
            canvasContext.draw();
        }
    });