Kommentar: Ich habe SVGs Click -Event verwendet, um die Dinge in letzter Zeit zu machen. Der Grund, warum ich SVG anstelle von Leinwand verwende, liegt darin, dass die Elemente in SVG Klickereignisse hinzufügen können. Lassen Sie uns als nächstes die Additionsmethode im Detail vorstellen. Interessierte Freunde können darüber lernen.
Vor kurzem habe ich das Klickereignis von SVG verwendet, um Dinge zu machen. Der Grund, warum ich SVG anstelle von Leinwand verwende, liegt darin, dass Elemente in SVG Klickereignisse hinzufügen können. Der detaillierte Unterschied zwischen ihnen ist wie folgt:Vergleich zwischen Leinwand und SVG (siehe Details)
In der folgenden Tabelle werden einige Unterschiede zwischen Leinwand und SVG aufgeführt.
Leinwand
• Auflösungsabhängig
• Event -Handler wird nicht unterstützt
• Schwache Fähigkeit zur Rendering von Text
• Fähigkeit, Ergebnisbilder im .png- oder .jpg -Format zu speichern
• Am besten für bildintensive Spiele, von denen viele häufig neu gestrichen werden
Svg
• Auflösungsfrei
• Support -Event -Handler
• Beste für Anwendungen mit großen Rendering -Bereichen (wie Google Maps)
• Eine hohe Komplexität kann das Rendering verlangsamen (keine Anwendung, die DOM überaus überaus)
• Nicht für Spielanwendungen geeignet
Die hergestellte Webseite kann normalerweise unter Chorme verwendet werden, da sie mobile Geräte unterstützt und auch normal auf Android testen kann. Beim Öffnen der Seite auf dem iPad stellte ich jedoch fest, dass das Klickereignis nutzlos war. Ich habe viele Informationen überprüft und festgestellt, dass der Grund für das Problem. Später stellte ich fest, dass die Demo der Beschreibung von SVG in W3C tatsächlich den Klickeffekt erreichen kann. Im Vergleich zum Code stellte ich fest, dass das Klickereignis zu den Elementen von SVG von JQuery hinzugefügt wurde, und es gibt keine Beschreibung von Onclick = Circle_Click (EVT) in den Elementen von SVG. Ich habe Onclick = Click (EVT) hinzugefügt und in der Tat gibt es ein Klickereignis auf den Elementen von SVG auf dem iPad.