Phương pháp rotate() của Canvas

Định nghĩa và cách sử dụng

rotate() Phương pháp quay bản vẽ hiện tại.

Mô hình

Quay hình vuông góc 20 độ:

Trình duyệt của bạn không hỗ trợ thẻ canvas HTML5.

JavaScript:

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

Thử ngay

Ngữ pháp

context.rotate(góc);

Giá trị tham số

Tham số Mô tả
góc

Góc quay, tính bằng弧 độ.

Nếu cần chuyển góc độ thành弧度, hãy sử dụng công thức degrees * Math.PI / 180 để tính toán.

Ví dụ: Để quay 5 độ, bạn có thể quy định công thức sau: 5 * Math.PI / 180.

Hỗ trợ trình duyệt

Số trong bảng cho biết phiên bản trình duyệt đầu tiên hỗ trợ thuộc tính này hoàn toàn.

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

Ghi chú:Trình duyệt Internet Explorer 8 và các phiên bản trước không hỗ trợ phần tử <canvas>.