Kokiais atvejais geriau naudoti Canvas, o kokiais SVG?

Pasirinkimas tarp Canvas ir SVG priklauso nuo grafikos tipo, užduoties ir reikalaujamos interaktyvumo:

Canvas geriau tinka:

• rastrinei grafikui ir pikselių manipuliacijoms;
• sudėtingoms vizualizacijoms su daugybe elementų (pvz., žaidimai, animacijos su daug objektų);
• dinamiškam renderavimui, kai grafika greitai keičiasi (pvz., realiu laiku grafika);
• žemų lygių piešimui, kai svarbu kontroliuoti kiekvieną pikselį;
• našumui dirbant su daug elementų, nes tai vienalytis vaizdas.

SVG geriau tinka:

• vektorinėms grafikoms (mastelio keičiančios nuotraukos be kokybės praradimo);
• grafikoms, kurioms reikalingas aukštas detalumas ir mastelio keitimas (logotipai, piktogramos, diagramos);
• interaktyviems elementams, kur kiekvienas objektas yra atskiras DOM elementas ir gali būti apdorotas įvykiais;
• semantinei grafikui, kai elementai turi būti prieinami paieškos sistemoms ir pagalbinėms technologijoms;
• paprastam redagavimui ir animacijai naudojant CSS ir JavaScript;
• darbui su paruoštais vektorinių elementų arba jų kūrimui grafinėse redagavimo programose.

Štai palyginimo lentelė:

Kriterijus	Canvas	SVG
Grafikos tipas	Rastrinė	Vektorinė
Našumas	Gerai dideliam elementų kiekiui	Gali sulėtėti su dideliu elementų kiekiu
Mastelio keitimas	Priklauso nuo raiškos	Tobulas
Interaktyvumas	Sunku įgyvendinti objektų lygyje	Paprasta įgyvendinti objektų lygyje
Prieinamumas	Žemas	Aukštas (semantika)
Redagavimas	Pikselinis	Elementinis (DOM)