Commentaire: Canvas et SVG peuvent tous deux vous permettre de dessiner des images dans le navigateur, mais leurs principes de base sont différents. Ensuite, nous présenterons les principes de dessin de Canvas et SVG. Les amis intéressés peuvent en savoir plus.
Canvas et SVG vous permettent tous deux de dessiner des images dans le navigateur, mais leurs principes de base sont différents.SVG
SVG est une langue qui décrit les graphiques bidimensionnels dans XML.
SVG est basé sur XML, ce qui signifie que chaque élément est disponible dans le DOM SVG. Vous pouvez ajouter un gestionnaire d'événements JS à chaque élément.
Dans SVG, chaque graphique est enregistré comme un objet. Si les propriétés d'un objet SVG sont modifiées, le navigateur peut automatiquement régénérer les graphiques.
Toile
Canvas est capable de dessiner des graphiques 2D sur la mouche (en utilisant JS)
La toile peut être régénérée par des pixels.
En toile, une fois les graphiques terminés, ils sont oubliés par le navigateur. Si la position graphique doit changer, l'écran entier doit être repeint, y compris les objets couverts par les graphiques.
Comparaison entre toile et SVG
Le tableau suivant montre les principales différences entre toile et SVG:
Toile SVG
Dépendante de la résolution indépendante de la résolution
Le gestionnaire d'événements n'est pas pris en charge
Les capacités de rendu de texte faibles conviennent le plus aux applications avec de grandes zones de rendu (Google Maps)
Vous pouvez enregistrer l'image finale sous forme d'images complexes PNG ou JPG, et la repeinture ralentira (toute situation où Dom est utilisé ralentira)
Les meilleurs jeux graphiques adaptés à de nombreux objets qui sont fréquemment redéqués ne conviennent pas aux applications de jeu