Millistel juhtudel on parem valida Canvas ja millistel SVG?

Canvas ja SVG valiku sõltub graafika tüübist, ülesandest ja nõutavast interaktiivsusest:

Canvas sobib paremini:

• rastergraafika ja pikslimanipulatsioonide jaoks;
• keerukate visualiseerimiste loomine paljude elementidega (näiteks mängud, animatsioonid suure objektide arvuga);
• dünaamilise renderdamise jaoks, kui graafika kiiresti muutub (näiteks reaalajas graafika);
• madala taseme joonistamise jaoks, kus oluline on iga piksli kontroll;
• tõhususe tagamiseks suure arvu elementidega töötades, kuna see on ühtne pilt.

SVG sobib paremini:

• vektorgraafika jaoks (suurendatavad pildid ilma kvaliteedi kadumiseta);
• graafika jaoks, mis nõuab kõrget detaili ja skaleeritavust (logo, ikoonid, diagrammid);
• interaktiivsete elementide jaoks, kus iga objekt on eraldi DOM element ja seda saab töödelda sündmustega;
• semantilise graafika jaoks, kus elemendid peavad olema kättesaadavad otsingumootoritele ja abitehnoloogiatele;
• lihtsaks redigeerimiseks ja animatsiooniks CSS ja JavaScripti abil;
• valmis vektorelementidega töötamiseks või nende loomisel graafilistes redaktorites.

Siin on võrdlustabel:

Kriteerium	Canvas	SVG
Graafika tüüp	Rasteriline	Vektorgraafika
Tõhusus	Hea suure arvu elementide jaoks	Võib aeglustuda suure arvu elementidega
Mastaapsus	Sõltub resolutsioonist	Täiuslik
Interaktiivsus	Raske realiseerida objektide tasandil	Lihtne realiseerida objektide tasandil
Juurdepääsetavus	Madal	Kõrge (semantika)
Redigeerimine	Piksliline	Elementaarne (DOM)