CanvasContext.rotate

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

方法参数

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

示例

在开发者工具中预览效果

扫码体验

CanvasContext.rotate - 图1请使用百度APP扫码

图片示例

图片

代码示例

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