วิธี rotate() ของ canvas HTML
คำนิยามและวิธีใช้
rotate() วิธีการหมุนการวาดปัจจุบัน
ตัวอย่าง
การหมุนสี่เหลี่ยมใหญ่ 20 องศา:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.rotate(20 * Math.PI / 180);
ctx.fillRect(50,20,100,50);
การใช้งาน
context.rotate(angle);
ตัวแปรค่า
| ตัวแปร | คำอธิบาย |
|---|---|
| angle |
มุมการหมุน ระบุด้วยองศาเรียน ถ้าต้องการแปลงมุมเป็นองศาเรียน ใช้สูตร degrees * Math.PI / 180 ที่คำนวณ ตัวอย่าง: ถ้าต้องการหมุน 5 องศา สามารถกำหนดนิยามด้วยสูตรด้านล่าง: 5 * Math.PI / 180 |
การสนับสนุนโดยบราวเซอร์
ตัวเลขในตารางนี้ระบุเวอร์ชั่นบราวเซอร์ที่สนับสนุนคุณสมบัตินี้ครบถ้วน
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
หมายเหตุ：Internet Explorer 8 และเวอร์ชั่นเก่ากว่านี้ไม่สนับสนุนองค์ประกอบ <canvas> แบบภาพ
