Commentaire: J'utilise l'événement de clic de SVG pour faire les choses récemment. La raison pour laquelle j'utilise SVG au lieu de Canvas est que les éléments de SVG peuvent ajouter des événements de clic. Ensuite, présentons en détail la méthode d'addition. Les amis intéressés peuvent en savoir plus.
Récemment, j'ai utilisé l'événement de clic de SVG pour faire des choses. La raison pour laquelle j'utilise SVG au lieu de Canvas est que les éléments de SVG peuvent ajouter des événements de clic. La différence détaillée entre eux est la suivante:Comparaison entre toile et SVG (voir les détails)
Le tableau suivant répertorie quelques différences entre Canvas et SVG.
Toile
• Dépendant de la résolution
• Le gestionnaire d'événements n'est pas pris en charge
• Capacité de rendu de texte faible
• Capacité à enregistrer les images de résultats au format .png ou .jpg
• Mieux pour les jeux à forte intensité d'image, dont beaucoup sont fréquemment repeints
SVG
• sans résolution
• Soutenir les gestionnaires d'événements
• Meilleur pour les applications avec de grandes zones de rendu (comme Google Maps)
• Une complexité élevée peut ralentir le rendu (aucune application qui sur utilise DOM)
• Non adapté aux applications de jeu
La page Web fabriquée peut être utilisée normalement sous Chorme car elle prend en charge les appareils mobiles et est également normal pour tester sur Android. Cependant, lors de l'ouverture de la page sur iPad, j'ai constaté que l'événement de clic était inutile. J'ai vérifié beaucoup d'informations et j'ai constaté que la raison du problème. Plus tard, j'ai constaté que la démo de la description de SVG dans W3C peut en effet réaliser l'effet de clic. Par rapport au code, j'ai constaté que l'événement de clic ajoutait aux éléments de SVG par jQuery, et il n'y a pas de description de onclick = cercle_click (EVT) dans les éléments de SVG. J'ai ajouté onclick = cliquez (EVT) et en effet il y a un événement de clic sur les éléments de SVG sur iPad.