Care este diferența dintre elementele canvas și SVG?

canvas — o imagine raster, desenată în timp real folosind API-ul JS. Controlată la nivel de pixeli. Folosit pentru jocuri, grafice, animații de date.

SVG — imagine vectorială, descrisă în XML. Se scalează fără pierdere de calitate. Controlată prin obiecte (linii, curbe). Folosit pentru logo-uri, pictograme, ilustrații. Ideal pentru design adaptabil.

Compararea Canvas și SVG:

Caracteristică	Canvas	SVG
Tip grafic	Raster (pixeli)	Vectorial (bazat pe XML)
Desenare	Cu API-ul JavaScript	Descris în XML, redat de browser
Control	Controlează pixeli individuali	Controlează obiecte (linii, forme etc.)
Scalare	Pierde calitate la mărire	Se scalează fără pierdere de calitate
Interactivitate	Necesită logică suplimentară pentru clicuri	Încorporat la nivel de obiecte (prin DOM)
Performanță	Mai bun pentru scene complexe și dinamice	Mai bun pentru scene statice sau mai simple
Accesibilitate	Dificil de asigurat	Încorporat (prin atribute și DOM)
Aplicații	Jocuri, animații complexe, vizualizare date	Logo-uri, pictograme, ilustrații, grafice