Canvas ใน HTML5 ไม่ได้ให้วิธีการวาดรูปไข่โดยตรง ต่อไปนี้เป็นบทสรุปของวิธีการวาดหลายวิธี วิธีการต่าง ๆ มีข้อดีและข้อเสียของตนเองและได้รับการคัดเลือกตามสถานการณ์ พารามิเตอร์ของแต่ละวิธีเหมือนกัน:
1.Context เป็นวัตถุสภาพแวดล้อมการวาดภาพ 2D ของ Canvas
2.x เป็นพิกัดแนวนอนของศูนย์กลางของวงรี
3.Y เป็นพิกัดแนวตั้งของศูนย์กลางของวงรี
4.a คือความยาวของแกนครึ่งแนวนอนของวงรี
5.B คือความยาวของแกนครึ่งแนวตั้งของวงรี
วิธีการสมการพารามิเตอร์วิธีนี้ใช้สมการพารามิเตอร์ของวงรีเพื่อวาดวงรี
คัดลอกรหัส