Quelle est la différence entre les éléments canvas et SVG?

canvas — une image raster, dessinée en temps réel via l'API JS. Contrôlée par pixels. Utilisée pour les jeux, graphiques, animations de données.

SVG — image vectorielle, décrite en XML. Se redimensionne sans perte de qualité. Contrôlée par des objets (lignes, courbes). Utilisée pour les logos, icônes, illustrations. Idéale pour le design adaptatif.

Comparaison Canvas et SVG:

Caractéristique	Canvas	SVG
Type de graphique	Raster (pixels)	Vectoriel (basé sur XML)
Rendu	Avec API JavaScript	Décrit en XML, rendu par le navigateur
Contrôle	Contrôle des pixels individuels	Contrôle des objets (lignes, formes, etc.)
Mise à l'échelle	Perd en qualité à l'agrandissement	Se redimensionne sans perte de qualité
Interactivité	Nécessite une logique supplémentaire pour les clics	Intégré au niveau des objets (via DOM)
Performance	Meilleur pour scènes complexes et dynamiques	Mieux pour scènes statiques ou moins complexes
Accessibilité	Difficile à assurer	Intégrée (via attributs et DOM)
Applications	Jeux, animations complexes, visualisation de données	Logos, icônes, illustrations, graphiques