V ktorých prípadoch je lepšie zvoliť použitie Canvas, a v ktorých SVG?

Výber medzi Canvas a SVG závisí od typu grafiky, úlohy a požadovanej interaktivity.

Canvas je vhodnejší pre:

• Rastrovú grafiku a manipuláciu s pixelmi.
• Vytváranie zložitých vizualizácií s mnohými prvkami (napríklad hry, animácie s veľkým počtom objektov).
• Dynamické vykresľovanie, keď sa grafika rýchlo mení (napríklad grafy v reálnom čase).
• Dolejové kreslenie na nízkej úrovni, kde je dôležitá kontrola nad každým pixelom.
• Výkon pri práci s veľkým počtom prvkov, pretože ide o jednotný obrázok.

SVG je vhodnejší pre:

• Vektorovú grafiku (škálovateľné obrázky bez straty kvality).
• Grafiku, ktorá vyžaduje vysokú detailnosť a škálovateľnosť (logá, ikony, diagramy).
• Interaktívne prvky, kde je každý objekt samostatný DOM prvok a môže byť spracovaný udalosťami.
• Sémantickú grafiku, keď majú byť prvky dostupné pre vyhľadávače a pomocné technológie.
• Jednoduchú úpravu a animáciu jednotlivých prvkov pomocou CSS a JavaScriptu.
• Prácu s existujúcimi vektorovými prvkami alebo ich vytváranie v grafických editoroch.

Tu je porovnávacia tabuľka:

Kritérium	Canvas	SVG
Typ grafiky	Raster	Vektor
Výkon	Dobré pre veľké množstvo prvkov	Môže spomaliť s veľkým množstvom prvkov
Škálovateľnosť	Závisí od rozlíšenia	Bezchybné
Interaktivita	Ťažko realizovateľná na úrovni objektov	Jednoduchá na úrovni objektov
Prístupnosť	Nízka	Vysoká (sémantika)
Úprava	Pixel po pixeli	Element po elemente (DOM)