Apakah perbezaan antara kanvas html5 dan svg?

Perbezaan: 1. Kanvas bergantung pada resolusi, tetapi SVG tidak bergantung pada resolusi; 2. Kanvas tidak menyokong pengendali acara, SVG menyokong pengendali acara 3. Kanvas sesuai untuk aplikasi permainan intensif imej, SVG Tidak sesuai untuk aplikasi permainan; 4. svg ditakrifkan melalui XML, manakala Kanvas ditakrifkan melalui javascript.

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi HTML5, komputer Dell G3.

Kanvas (kanvas) dilukis dengan Javascript, melukis piksel demi piksel. Setelah imej Kanvas dilukis, ia tiada kaitan dengan pelayar Jika kedudukan imej berubah, keseluruhan pemandangan perlu dilukis semula, termasuk elemen yang telah dilindungi.

SVG dilukis menggunakan XML dan pengendali acara JavaScript boleh ditambahkan pada SVG. Semua DOM tersedia dan jika sifat berubah, penyemak imbas akan melukis semula secara automatik.

Perbezaan antara SVG dan Kanvas:

Kanvas (kanvas)

• Bergantung pada resolusi

• Tiada sokongan pengendali acara

• Keupayaan pemaparan teks yang lemah

• Keupayaan untuk menyimpan imej yang terhasil dalam format .png atau .jpg

• Sesuai untuk permainan intensif grafik di mana banyak objek kerap dilukis semula

• Kanvas ialah ditakrifkan melalui javascript.
  

SVG

• Resolusi bebas

• Menyokong acara pengendali

• Terbaik untuk aplikasi dengan kawasan pemaparan yang besar (seperti Peta Google)

• Kerumitan yang tinggi akan memperlahankan Kelajuan pemaparan (sebarang aplikasi yang berlebihan menggunakan DOM tidak pantas)

• Tidak sesuai untuk aplikasi permainan

• svg ditakrifkan melalui XML
  

Pengesyoran berkaitan: "tutorial video html"

Atas ialah kandungan terperinci Apakah perbezaan antara kanvas html5 dan svg?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!