Latest web development tutorials

HTML canvas rotate () metode

Pedoman kanvas Referensi HTML Pedoman kanvas Referensi HTML

contoh

Memutar persegi panjang 20 derajat:

YourbrowserdoesnotsupporttheHTML5canvastag.

JavaScript:

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

Coba »

Dukungan Browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 9, Firefox, Opera, Chrome dan Safari dukungan rotate () metode.

Catatan: 8 dan versi sebelumnya dari Internet Explorer tidak mendukung <canvas> elemen.


Definisi dan Penggunaan

memutar metode () untuk memutar gambar saat ini.

Catatan: Rotasi hanya akan mempengaruhi gambar setelah selesainya rotasi.

sintaks JavaScript: konteks .rotate (angle);

Nilai parameter

参数 描述
angle 旋转角度,以弧度计。

如需将角度转换为弧度,请使用degrees*Math.PI/180 公式进行计算。
实例:如需旋转 5 度,可规定下面的公式:5*Math.PI/180。


Pedoman kanvas Referensi HTML Pedoman kanvas Referensi HTML