ผ้าใบ HTML arcTo () วิธีการ
คู่มือการใช้งาน HTML ผ้าใบอ้างอิง
ตัวอย่าง
บนผืนผ้าใบเพื่อสร้างส่วนโค้งระหว่างสองเสียบ้างระหว่าง:
javascript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20,20); // Create a starting point
ctx.lineTo(100,20); // Create a horizontal line
ctx.arcTo(150,20,150,70,50); // Create an arc
ctx.lineTo(150,120); // Continue with vertical line
ctx.stroke(); // Draw it
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20,20); // Create a starting point
ctx.lineTo(100,20); // Create a horizontal line
ctx.arcTo(150,20,150,70,50); // Create an arc
ctx.lineTo(150,120); // Continue with vertical line
ctx.stroke(); // Draw it
ลอง»
สนับสนุนเบราว์เซอร์
Internet Explorer 9, Firefox, Chrome และ Safari สนับสนุน arcTo () วิธีการ
หมายเหตุ: โอเปร่าไม่สนับสนุน arcTo () วิธีการ
หมายเหตุ: 8 และรุ่นก่อนหน้าของ Internet Explorer ไม่สนับสนุน <ผ้าใบ> องค์ประกอบ
ความหมายและการใช้งาน
arcTo () วิธีการสร้างระหว่างโค้ง / เส้นโค้งระหว่างสองเสียบ้างบนผืนผ้าใบ
เคล็ดลับ: ใช้ จังหวะ () วิธีการวาดโค้งได้อย่างแม่นยำบนผืนผ้าใบ
ไวยากรณ์ javascript: | บริบท .arcTo (X1, Y1, X2, Y2, R); |
---|
ค่าพารามิเตอร์
参数 | 描述 |
---|---|
x1 | 弧的起点的 x 坐标。 |
y1 | 弧的起点的 y 坐标。 |
x2 | 弧的终点的 x 坐标。 |
y2 | 弧的终点的 y 坐标。 |
r | 弧的半径。 |
คู่มือการใช้งาน HTML ผ้าใบอ้างอิง