DOM เป็นส่วนสำคัญของฟิลด์ Front-End เว็บ ไม่เพียง แต่จะใช้ DOM เมื่อประมวลผลองค์ประกอบ HTML เท่านั้น แต่ยังรวมถึงการเขียนโปรแกรมกราฟิกด้วย ตัวอย่างเช่นในการวาด SVG กราฟิกต่างๆจะถูกแทรกลงในหน้าในรูปแบบของโหนด DOM ซึ่งหมายความว่าสามารถใช้งานกราฟิกได้โดยใช้วิธี DOM ตัวอย่างเช่นหากมีองค์ประกอบ <path id = p1> คุณสามารถใช้ jQuery โดยตรงเพื่อเพิ่มเหตุการณ์คลิก $ ('#p1') คลิก (ฟังก์ชัน () {…}) อย่างไรก็ตามวิธีการประมวลผล DOM นี้ไม่สามารถใช้งานได้ในผืนผ้าใบ HTML5 อีกต่อไป Canvas ใช้กลไกชุดอื่น ไม่ว่าจะมีกราฟิกจำนวนเท่าใดบนผืนผ้าใบผืนผ้าใบก็เป็นภาพรวม กราฟิกเองเป็นส่วนหนึ่งของผืนผ้าใบและไม่สามารถแยกกันได้ดังนั้นจึงเป็นไปไม่ได้ที่จะเพิ่มเหตุการณ์ JavaScript ลงในกราฟที่แน่นอนโดยตรง
ข้อ จำกัด ของผ้าใบในผืนผ้าใบกราฟิกทั้งหมดจะถูกวาดบนเฟรม วิธีการวาดภาพจะไม่ส่งออกองค์ประกอบกราฟิกที่วาดเป็นค่าส่งคืนและ JS ไม่สามารถรับองค์ประกอบกราฟิกที่วาดแล้วได้ ตัวอย่างเช่น:
คัดลอกรหัส