1. รับวัตถุ DOM ที่สอดคล้องกับองค์ประกอบ <sanvas> ซึ่งเป็นวัตถุผ้าใบ
2. เรียกใช้วิธี getContext () ของวัตถุผ้าใบเพื่อรับวัตถุ CanvasrenderingContext2D;
3. เรียกวัตถุ CanvasrenderingContext2D สำหรับการวาดภาพ
วาดเส้นโค้งมีสี่ฟังก์ชั่นที่มีเส้นโค้งการวาดซึ่งก็คือ:
• context.arc (x, y, r, sangle, eangle, ทวนเข็มนาฬิกา); รับพารามิเตอร์ความหมาย:พารามิเตอร์ |
-
|
|
|
| มุมเริ่มต้น |
EANGLE
| ควรทาสีทวนเข็มนาฬิกาหรือตามเข็มนาฬิกา false = ตามเข็มนาฬิกา, true = counterClockwise |
ด้านล่างนี้เป็นตัวอย่างหลายประการของฟังก์ชั่นอาร์ค () หลายฟังก์ชั่น:
JavaScript รหัสคัดลอกเนื้อหาไปยังคลิปบอร์ด