HTML canvas rotate() na paraan
Paglilinaw at paggamit
rotate() Para i-rotate ang kasalukuyang ginuhit.
Mga halimbawa
I-rotate ang parihaba ng 20 degree:
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> อิเล็กทรอนิกส์
