Paraan ng Canvas rotate()

Paglalarawan at paggamit

rotate() Mga paraan ng pag-rotate ng kasalukuyang drawing.

Mga halimbawa

I-rotate ang parihaba ng 20 degree:

Ang iyong browser ay hindi sumusuporta sa tag na HTML5 canvas.

JavaScript:

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

Subukan nang personal

Grammar

context.rotate(angle);

Halaga ng parameter

Parameter Paglalarawan
angle

Mga angle ng pag-rotate, na may panukat na radian.

Kung gusto mong i-convert sa angle sa radian, gamitin ang formula na degrees * Math.PI / 180 para sa pagkalkula.

Halimbawa: Kung gusto mong i-rotate ng 5 degrees, maaring itakda ang sumusunod na formula: 5*Math.PI/180.

Browser Support

Ang numero sa talahanayan ay naglalarawan ng unang bersyon ng browser na ganap na sumusuporta sa katangian.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

Komentaryo:Ang Internet Explorer 8 at mas maagang bersyon ay hindi sumusuporta sa <canvas> elemento.