Phương thức rotate() của canvas HTML

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

rotate() Phương pháp quay hiện tại của việc vẽ.

Mẫu

Chuyển đổi 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ử trực tiếp

Cú pháp

context.rotate(góc);

Giá trị tham số

Tham số Mô tả
góc

Góc quay, tính theo vĩ độ.

Để chuyển đổi góc thành vĩ độ, vui lòng sử dụng công thức degrees * Math.PI / 180 để tính toán.

Muster: Để quay 5 độ, có thể quy định công thức sau: 5 * Math.PI / 180.

Hỗ trợ trình duyệt

Số trong bảng nêu rõ phiên bản trình duyệt đầu tiên hỗ trợ tính chất 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ú:Internet Explorer 8 và các phiên bản trước không hỗ trợ yếu tố <canvas>.