Komentar: Saya telah menggunakan acara klik SVG untuk membuat sesuatu baru -baru ini. Alasan saya menggunakan SVG alih -alih kanvas adalah karena elemen -elemen di SVG dapat menambahkan acara klik. Selanjutnya, mari kita perkenalkan metode penambahan secara detail. Teman yang tertarik dapat mempelajarinya.
Baru -baru ini, saya telah menggunakan acara klik SVG untuk membuat sesuatu. Alasan saya menggunakan SVG alih -alih kanvas adalah karena elemen dalam SVG dapat menambahkan acara klik. Perbedaan terperinci di antara mereka adalah sebagai berikut:Perbandingan Antara Kanvas dan SVG (lihat detail)
Tabel berikut mencantumkan beberapa perbedaan antara kanvas dan SVG.
Kanvas
• tergantung resolusi
• Pengawal Acara tidak didukung
• Kemampuan Render Teks Lemah
• Kemampuan untuk menyimpan gambar hasil dalam format .png atau .jpg
• Terbaik untuk game intensif gambar, banyak di antaranya sering dicat ulang
SVG
• bebas resolusi
• Dukungan penangan acara
• Terbaik untuk aplikasi dengan area rendering besar (seperti Google Maps)
• Kompleksitas tinggi dapat memperlambat rendering (tidak ada aplikasi yang berlebihan DOM)
• Tidak cocok untuk aplikasi game
Halaman web yang dibuat dapat digunakan secara normal di bawah chorme karena mendukung perangkat seluler dan juga normal untuk diuji di Android. Namun, ketika membuka halaman di iPad, saya menemukan bahwa acara klik tidak berguna. Saya memeriksa banyak informasi dan menemukan bahwa alasan untuk masalah tersebut. Kemudian, saya menemukan bahwa demo deskripsi SVG di W3C memang dapat mencapai efek klik. Dibandingkan dengan kode, saya menemukan bahwa acara klik yang ditambahkan ke elemen SVG oleh jQuery, dan tidak ada deskripsi OnClick = Circle_Click (EVT) di elemen SVG. Saya menambahkan OnClick = klik (EVT) dan memang ada acara klik pada elemen SVG di iPad.