วิธี Canvas moveTo()

คู่มือ Canvas

คำนำออกและวิธีใช้

moveTo() วิธีนี้จะย้ายหนทางไปที่จุดที่กำหนดบนแผ่นภาพโดยไม่สร้างเส้น

คำแนะนำ:ใช้ stroke() วิธีใช้ในการวาดหนทางที่แน่นอนบนแผ่นภาพ

ตัวอย่าง

เริ่มหนทาง โดยเคลื่อนย้ายไปที่จุด 0,0 แล้วสร้างเส้นที่ไปที่จุด 300,150

เว็บเบราส์เซอร์ของคุณไม่สนับสนุนแท็กฮ์แบนส์ HTML5

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>

คู่มือ Canvas