title: CanvasContext.rotate header: develop nav: api

sidebar: canvas_CanvasContext-rotate

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

方法参数

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

示例

在开发者工具中预览效果

扫码体验

sidebar: canvas_CanvasContext-rotate - 图1 请使用百度APP扫码

图片示例

图片

代码示例

:::codeTab

  1. const canvasContext = swan.createCanvasContext('myCanvas');
  3. canvasContext.strokeRect(100, 10, 150, 100);
  4. canvasContext.rotate(20 * Math.PI / 180);
  5. canvasContext.strokeRect(100, 10, 150, 100);
  6. canvasContext.rotate(20 * Math.PI / 180);
  7. canvasContext.strokeRect(100, 10, 150, 100);
  9. canvasContext.draw();

:::