HTML Canvas ການສະແດງບົງ
ตัวอย่าง
const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.arc(95, 50, 40, 0, 2 * Math.PI);
ctx.stroke();
วาดวงกลม
เพื่อวาดวงกลมบนกระดานวาด โปรดใช้วิธีต่อไปนี้:
- beginPath() - เริ่มเส้นทาง
- arc(x,y,r,start,end) - กำหนดวงกลม
- stroke() - วาด
arc(x,y,r,start,end) - สร้างทางวง (เส้นโค้ง)
เพื่อสร้างวงกลม โปรดตั้งมุมเริ่มต้นเป็น 0 และมุมสิ้นสุดเป็น 2 * Math.PI。
x และ y ได้รับค่าสำหรับตำแหน่งจุดกลางของวงกลม。
r 参数定义圆的半径。
