วิธี moveTo() ของ canvas HTML
คำอธิบายและการใช้งาน
moveTo() วิธีที่ย้ายเส้นทางไปที่จุดที่กำหนดบนกระดานวาด โดยไม่สร้างเส้น
คำเตือน:กรุณาใช้ stroke() วิธีที่ใช้เพื่อวาดเส้นทางที่เฉพาะเจาะจงบนกระดานวาด
ตัวอย่าง
เริ่มเส้นทางหนึ่ง ย้ายไปที่ตำแหน่ง 0,0 สร้างเส้นทางไปที่ตำแหน่ง 300,150:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(0,0);
ctx.lineTo(300,150);
ctx.stroke();
สัญญาฬี
context.moveTo(x,y);
ค่าประกาศ
| ประกาศ | คำอธิบาย |
|---|---|
| x | ตำแหน่ง x ของจุดปลายทางของเส้นทาง |
| y | ตำแหน่ง y ของจุดปลายทางของเส้นทาง |
การสนับสนุนโปรแกรมบราวเซอร์
ตัวเลขในตารางนี้บอกเกี่ยวกับเวอร์ชันบราวเซอร์ที่สนับสนุนคุณสมบัตินี้ทั้งหมด
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
หมายเหตุ：Internet Explorer 8 และเวอร์ชันเก่ากว่าไม่สนับสนุนองค์ประกอบ <canvas>
