tutorial pengembangan web terbaru
 

HTML canvas rotate() Method

<HTML Canvas Referensi

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);
Cobalah sendiri "

Dukungan Browser

Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung metode ini.

metode
rotate() iya nih 9.0 iya nih iya nih iya nih

Definisi dan Penggunaan

The rotate() metode memutar gambar saat ini.

Catatan: Rotasi hanya akan mempengaruhi gambar yang dibuat SETELAH rotasi dilakukan.

sintaks JavaScript: context.rotate( angle );

Nilai parameter

Parameter Deskripsi Mainkan
angle Sudut rotasi, dalam radian.

Untuk menghitung dari derajat ke radian:derajat* Math.PI / 180.
Contoh: untuk memutar 5 derajat, tentukan berikut: 5 * Math.PI / 180
Mainkan "

<HTML Canvas Referensi