Latest web development tutorials

Metoda HTML canvas Rotate ()

HTML Instrukcja płótno referencyjny HTML Instrukcja płótno referencyjny

Przykłady

Obróć prostokąt 20 stopni:

YourbrowserdoesnotsupporttheHTML5canvastag.

JavaScript:

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

Spróbuj »

Pomoc Browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 9, Firefox, Opera, Chrome i Safari wsparcie Rotate () metoda.

Uwaga: 8 i wcześniejsze wersje programu Internet Explorer nie obsługuje <canvas> elementu.


Definicja i Wykorzystanie

obrócić () służy do obracania bieżącego rysunku.

Uwaga: Obrót będą dotyczyć rysunku po zakończeniu obrotu.

Składnia JavaScript: .rotate kontekstu (kąt);

parametr Wartość

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

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


HTML Instrukcja płótno referencyjny HTML Instrukcja płótno referencyjny