Perbandingan prinsip lukisan antara Kanvas dan SVG dalam kemahiran tutorial HTML5_html5

Kedua-dua kanvas dan SVG membolehkan anda melukis gambar dalam penyemak imbas, tetapi prinsip asasnya berbeza.
SVG
SVG ialah bahasa untuk menerangkan grafik dua dimensi dalam XML.
SVG adalah berdasarkan XML, yang bermaksud setiap elemen tersedia dalam SVG DOM. Anda boleh menambah pengendali acara JS untuk setiap elemen.
Dalam SVG, setiap grafik direkodkan sebagai objek. Jika sifat objek SVG berubah, penyemak imbas boleh menjana semula grafik secara automatik.

Kanvas
Kanvas boleh melukis grafik 2D dengan cepat (menggunakan JS)
Kanvas boleh dijana semula mengikut piksel.

Dalam Kanvas, setelah grafik selesai, ia dilupakan oleh penyemak imbas. Jika kedudukan grafik ingin ditukar, keseluruhan skrin perlu dilukis semula, termasuk objek yang diliputi oleh grafik.

Perbandingan antara Kanvas dan SVG
Jadual berikut menunjukkan perbezaan utama antara kanvas dan SVG: