Comentario: Canvas y SVG pueden permitirle dibujar imágenes en el navegador, pero sus principios básicos son diferentes. A continuación, presentaremos los principios de dibujo de lienzo y SVG. Los amigos interesados pueden aprender al respecto.
Canvas y SVG le permiten dibujar imágenes en el navegador, pero sus principios básicos son diferentes.SVG
SVG es un lenguaje que describe gráficos bidimensionales en XML.
SVG está basado en XML, lo que significa que cada elemento está disponible dentro del SVG DOM. Puede agregar un controlador de eventos JS a cada elemento.
En SVG, cada gráfico se registra como un objeto. Si se cambian las propiedades de un objeto SVG, el navegador puede regenerar automáticamente los gráficos.
Lienzo
El lienzo puede dibujar gráficos 2D en la mosca (usando JS)
El lienzo puede ser regenerado por píxeles.
En el lienzo, una vez que se completan los gráficos, el navegador los olvida. Si la posición de los gráficos puede cambiar, toda la pantalla debe ser repintada, incluidos los objetos cubiertos por los gráficos.
Comparación entre lienzo y SVG
La siguiente tabla muestra las principales diferencias entre el lienzo y SVG:
Lienzo svg
Independiente de la resolución independiente de la resolución
El controlador de eventos no es compatible
Las capacidades de representación de texto débiles son más adecuadas para aplicaciones con grandes áreas de representación (Google Maps)
Puede guardar la imagen final como imágenes complejas PNG o JPG, y la repetición se ralentizará (cualquier situación en la que se use DOM se ralentizará)
Los mejores juegos gráficos que son adecuados para muchos objetos que con frecuencia se vuelven a dibujar no son adecuados para aplicaciones de juegos