HTML canvas(画布)rotate()方法

• 

  rotate()方法定义和用法

  rotate()方法旋转当前图形。 注意：旋转仅影响旋转完成后绘制的图形。

• 

  rotate()方法浏览器支持

  Internet Explorer	Chrome	FireFox	Safari	Opera
  9.0（含）以上	支持	支持	支持	支持

• 

  rotate()方法语法

  context.rotate(angle);

• 

  rotate()方法实例

  var c = document.getElementById("myCanvas");
  var ctx = c.getContext("2d");
  ctx.rotate(20 * Math.PI / 180);
  ctx.fillRect(50, 20, 100, 50);
  

  尝试一下
• 

  rotate()方法参数值

  参数	描述
  angle	旋转角度，单位是弧度。 从度到弧度的计算:度*Math.PI/180。 例如:要旋转5度，请指定以下参数:5*Math.PI/180

• 

  rotate()方法相关页面

  HTML教程：HTML脚本

  HTML教程：HTML画布