Kuo skiriasi canvas ir SVG elementai?

canvas — rastų vaizdas, kuris piešiamas realiu laiku naudojant JS API. Valdomas pikseliais. Naudojamas žaidimams, grafikams, duomenų animacijai.

SVG — vektorinė nuotrauka, aprašoma XML. Mastelio keitimas be kokybės praradimo. Valdomas objektais (linijos, kreivės). Naudojamas logotipams, ikonoms, iliustracijoms. Puikiai tinka reaguojančiam dizainui.

Canvas ir SVG palyginimas:

Savybė	Canvas	SVG
Grafinio vaizdo tipas	Rastrinė (pikselinė)	Vektorinė (remiasi XML)
Piešimas	Naudojant JS API	Aprašoma XML, braižo naršyklė
Valdymas	Valdo atskirus pikselius	Valdo objektus (linijas, figūras ir t.t.)
Mastelio keitimas	Praranda kokybę didinant	Mastelio keitimas be kokybės praradimo
Interaktyvumas	Reikia papildomos logikos klavišams	Integruota objektų lygyje (per DOM)
Našumas	Geriau sudėtingoms, dinamiškoms scenoms	Geriau statinėms arba mažiau sudėtingoms scenoms
Pasiekiamumas	Sunku užtikrinti	Integruota (per atributus ir DOM)
Pritaikymas	Žaidimai, sudėtingos animacijos, duomenų vizualizacija	Logotipai, ikonėlės, iliustracijos, grafikai