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 độ:
JavaScript:
var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.rotate(20 * Math.PI / 180); ctx.fillRect(50,20,100,50);
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>.