tutorial pengembangan web terbaru
 

HTML canvas rotate() Method

<Canvas Object

Contoh

Putar 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() 4.0 9.0 3.6 4.0 10.1

Definisi dan Penggunaan

The rotate() metode berputar gambar saat.

Note: 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: degrees * Math.PI / 180.
Contoh: untuk memutar 5 derajat, menentukan berikut: 5 * Math.PI / 180
Mainkan "

<Canvas Object