最新的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畫布參考