DOM adalah bagian yang sangat penting dari bidang front-end web. DOM tidak hanya akan digunakan saat memproses elemen HTML, tetapi juga pemrograman grafis. Misalnya, dalam gambar SVG, berbagai grafik dimasukkan ke dalam halaman dalam bentuk node DOM, yang berarti bahwa grafik dapat dioperasikan menggunakan metode DOM. Misalnya, jika ada elemen <path id = p1>, Anda dapat langsung menggunakan jQuery untuk menambahkan klik peristiwa $ ('#p1'). Klik (fungsi () {...}). Namun, metode pemrosesan DOM ini tidak lagi berlaku di kanvas HTML5. Canvas menggunakan set mekanisme lain. Tidak peduli berapa banyak grafik yang ditarik di atas kanvas, kanvas adalah keseluruhan. Grafik itu sendiri sebenarnya adalah bagian dari kanvas dan tidak dapat diperoleh secara terpisah, sehingga tidak mungkin untuk secara langsung menambahkan peristiwa JavaScript ke grafik tertentu.
Keterbatasan KanvasDi kanvas, semua grafik ditarik pada bingkai. Metode menggambar tidak akan menghasilkan elemen grafik yang ditarik sebagai nilai pengembalian, dan JS tidak dapat memperoleh elemen grafik yang sudah digambar. Misalnya:
Salin kode