เมธอด drawImage() ใช้สำหรับวาดภาพ canvas และวิดีโอบน canvas สามารถวาดส่วนของภาพและเพิ่มหรือลดขนาดภาพได้
ตัวอย่าง
มาดูตัวอย่าง:
//context grabbed from your destination canvas
ctx = destinationCanvas.getContext('2d');
//drawImage() called passing the source canvas directly
dCtx.drawImage(sourceCanvas, 0, 0);
ในโค้ดนี้ ภาพจะถูกคัดลอกจาก source canvas sourceCanvas สามารถเป็น HTMLImageElement, HTMLVideoElement, หรือ HTMLCanvasElement คอนเท็กซ์การวาดของ canvas ไม่สามารถใช้เป็น source ได้ หาก source canvas ของคุณเป็น canvas drawing context จะมีการอ้างอิงถึง canvas element ต้นฉบับภายใต้ context.canvas
โค้ดส่วนท้ายใช้เมธอด drawImage() เพื่อคัดลอกคอนเท็กซ์จาก source canvas ไปยัง canvas ปลายทางที่ต้องการ
