Kādās gadījumos ir labāk izvēlēties Canvas, bet kad — SVG?

Izvēle starp Canvas un SVG ir atkarīga no grafikas veida, uzdevuma un prasītās interaktivitātes:

Canvas ir labāk piemērots:

• rastrgrafikai un pikseļu manipulācijām;
• sarežģītu vizualizāciju izveidei ar daudz elementiem (piemēram, spēles, animācijas ar daudz objektiem);
• dinamiskai renderēšanai, kad grafika ātri mainās (piemēram, reāllaika grafika);
• zema līmeņa zīmēšanai, kur svarīga ir katra pikseļa kontrole;
• veiktspējai, strādājot ar lielu elementu skaitu, jo tas ir vienveidīgs attēls.

SVG ir labāk piemērots:

• vektorgrafikai (mērogošas attēli bez kvalitātes zuduma);
• grafikām, kurām nepieciešama augsta detalizācija un mērogojamība (logotipi, ikonas, diagrammas);
• interaktīviem elementiem, kur katrs objekts ir atsevišķs DOM elements un to var apstrādāt ar notikumiem;
• semantiskai grafikai, kad elementi ir pieejami meklētājprogrammām un palīgtehnoloģijām;
• vienkāršai rediģēšanai un animācijai ar CSS un JavaScript;
• darbam ar gataviem vektorgrafikas elementiem vai to izveidei grafiskajās redaktorās.

Šeit ir salīdzināšanas tabula:

Kritērijs	Canvas	SVG
Grafikas veids	Rastrs	Vektors
Veiktspēja	Laba lielam elementu skaitam	Var palēnināties ar lielu elementu skaitu
Mērogojamība	Atkarīga no izšķirtspējas	Bezgalīga
Interaktivitāte	Grūti īstenot uz objektu līmeņa	Vienkārši īstenot uz objektu līmeņa
Pieejamība	Zema	Augsta (semantika)
Rediģēšana	Pikseļu līmenī	Elementu līmenī (DOM)