Koja je razlika između elemenata canvas i SVG?

canvas — rastreska slika, koja se crta u realnom vremenu pomoću JS API-ja. Kontroliše se pikselima. Koristi se za igre, grafikone, animacije podataka.

SVG — vektorska slika, opisuje se u XML-u. Skalira se bez gubitka kvaliteta. Kontroliše se objektima (linije, krive). Koristi se za logotipe, ikone, ilustracije. Odlično za responzivni dizajn.

Poređenje Canvas i SVG:

Karakteristika	Canvas	SVG
Tip grafike	Raster (pikselski)	Vektorski (zasnovan na XML-u)
Crtanje	Pomoću API-ja JavaScript-a	Opisano u XML-u, renderuje pretraživač
Kontrola	Kontroliše pojedinačne piksele	Kontroliše objekte (linije, oblike itd.)
Skaliranje	Gubi kvalitet pri uvećanju	Skalira se bez gubitka kvaliteta
Interaktivnost	Potrebna dodatna logika za klikove	Ugrađena na nivou objekata (kroz DOM)
Performanse	Bolje za složene, dinamične scene	Bolje za statične ili manje složene scene
Pristupačnost (Accessibility)	Teško obezbediti	Ugrađena (kroz atribute i DOM)
Primene	Igre, složene animacije, vizualizacija podataka	Logotipi, ikone, ilustracije, grafikoni