Cara menambah acara klik elemen dalam kemahiran tutorial html5 svg_html5

Baru-baru ini saya menggunakan acara klik svg untuk membuat sesuatu Sebab mengapa saya menggunakan svg dan bukannya kanvas adalah kerana elemen dalam svg boleh menambah peristiwa klik Perbezaan terperinci antara mereka adalah seperti berikut:
Perbandingan antara Kanvas dan. SVG (Lihat butiran)
Jadual berikut menyenaraikan beberapa perbezaan antara kanvas dan SVG.

Kanvas
• Bergantung pada resolusi
• Tiada sokongan untuk pengendali acara
• Keupayaan pemaparan teks yang lemah
• Keupayaan untuk memaparkan dalam format .png atau .jpg Simpan imej hasil
• Terbaik untuk permainan intensif grafik di mana banyak objek akan dilukis semula dengan kerap

SVG
• Tidak bergantung pada resolusi
• Pengendali Acara Disokong
• Paling sesuai untuk aplikasi dengan kawasan pemaparan yang besar (seperti Peta Google)
• Kerumitan yang tinggi akan melambatkan pemaparan (sebarang apl yang terlalu menggunakan DOM tidak pantas)
• Tidak sesuai Halaman web yang dicipta oleh aplikasi permainan

boleh digunakan seperti biasa di bawah Chrome kerana ia perlu menyokong peranti mudah alih juga diuji pada Android dan adalah perkara biasa, apabila membuka halaman pada iPad, saya mendapati bahawa acara klik tidak berfungsi memeriksa banyak maklumat , punca masalah tidak dijumpai Kemudian, saya mendapati bahawa demo yang menerangkan svg dalam w3c sememangnya boleh mencapai kesan klik kepada elemen svg, tetapi tiada onclick= dalam elemen svg "circle_click(evt)" mempunyai penerangan yang serupa .