Komentar: Canvas dan SVG dapat memungkinkan Anda untuk menggambar di browser, tetapi prinsip -prinsip dasarnya berbeda. Selanjutnya, kami akan memperkenalkan prinsip -prinsip gambar Canvas dan SVG. Teman yang tertarik dapat mempelajarinya.
Canvas dan SVG keduanya memungkinkan Anda untuk menggambar di browser, tetapi prinsip -prinsip dasarnya berbeda.SVG
SVG adalah bahasa yang menggambarkan grafik dua dimensi dalam XML.
SVG berbasis XML, yang berarti bahwa setiap elemen tersedia dalam DOM SVG. Anda dapat menambahkan pawang acara JS ke setiap elemen.
Di SVG, setiap grafik direkam sebagai objek. Jika sifat -sifat objek SVG diubah, browser dapat secara otomatis meregenerasi grafik.
Kanvas
Canvas dapat menggambar grafik 2D dengan cepat (menggunakan JS)
Kanvas dapat diregenerasi dengan piksel.
Di kanvas, setelah grafik selesai, mereka dilupakan oleh browser. Jika posisi grafik untuk berubah, seluruh layar perlu dicat ulang, termasuk objek yang dicakup oleh grafik.
Perbandingan antara kanvas dan svg
Tabel berikut menunjukkan perbedaan utama antara kanvas dan SVG:
Canvas SVG
Tergantung resolusi independen dari resolusi
Event Handler tidak didukung
Kemampuan rendering teks yang lemah paling cocok untuk aplikasi dengan area rendering besar (Google Maps)
Anda dapat menyimpan gambar akhir sebagai gambar kompleks PNG atau JPG, dan pengecatan ulang akan melambat (situasi apa pun di mana DOM digunakan akan melambat)
Game grafis terbaik yang cocok untuk banyak objek yang sering digambar ulang tidak cocok untuk aplikasi game