最新的Web开发教程
 

HTML canvas rotate() Method

<HTML画布参考

旋转矩形20度:

YourbrowserdoesnotsupporttheHTML5canvastag。

JavaScript的:

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

浏览器支持

在表中的数字指定完全支持方法的第一个浏览器的版本。

方法
rotate() 9

定义和用法

rotate()方法旋转当前图形。

注:旋转只会影响作出后旋转完成图纸。

JavaScript语法: context.rotate( angle );

参数值

参数 描述 播放
angle 的旋转角度,以弧度表示。

要计算从角度到弧度:*Math.PI / 180。
例如:旋转5度,指定如下:5 * Math.PI / 180
播放 ”

<HTML画布参考