Comentario: He estado usando el evento de clics de SVG para hacer las cosas recientemente. La razón por la que uso SVG en lugar del lienzo es porque los elementos en SVG pueden agregar eventos de clics. A continuación, presentemos el método de adición en detalle. Los amigos interesados pueden aprender al respecto.
Recientemente, he estado usando el evento de clics de SVG para hacer las cosas. La razón por la que uso SVG en lugar del lienzo es porque los elementos en SVG pueden agregar eventos de clic. La diferencia detallada entre ellos es la siguiente:Comparación entre Canvas y SVG (ver detalles)
La siguiente tabla enumera algunas diferencias entre el lienzo y el SVG.
Lienzo
• dependiente de la resolución
• El controlador de eventos no es compatible
• Capacidad de representación de texto débil
• Capacidad para guardar las imágenes de resultados en formato .png o .jpg
• Lo mejor para juegos intensivos en imágenes, muchos de los cuales se reproducen con frecuencia
SVG
• Sin resolución
• Apoye a los manejadores de eventos
• Lo mejor para aplicaciones con grandes áreas de representación (como Google Maps)
• La alta complejidad puede ralentizar la representación (no hay una aplicación que use en exceso a DOM)
• No es adecuado para aplicaciones de juego
La página web hecha se puede usar normalmente en Chorme porque admite dispositivos móviles y también es normal para probar en Android. Sin embargo, al abrir la página en el iPad, descubrí que el evento de clic era inútil. Revisé mucha información y descubrí que la razón del problema. Más tarde, descubrí que la demostración de la descripción de SVG en W3C puede lograr el efecto de clic. En comparación con el código, descubrí que el evento de clics agregado a los elementos de SVG por jQuery, y no hay una descripción de onClick = circle_click (EVT) en los elementos de SVG. Agregué onClick = Click (EVT) y, de hecho, hay un evento de clic en los elementos de SVG en iPad.