Canvas est la balise qui permet, à l’aide de JavaScript, de programmer des dessins, des animations.

Petit tour: mise en place, rectangles, chemins, courbes de Bézier, arc de cercles, textes, images, transformations…

Dans les formats disponibles pour des images ou schémas, nous pouvons utiliser les classiques GIF, JPG et PNG. Chacun ayant avantages, inconvénients, et usages adaptés. Ils ont tous l’inconvénient d’être bitmaps, c’est à dire en mode point, et relativement difficiles à travailler au sein d’une page.

Le SVG (Scalable Vector Graphics (donc graphique vectoriel adaptable) étant vectoriel, il a l’avantage d’être adaptable, redimensionable avec de bonnes qualités, souvent léger, manipulable avec des feuilles de styles et du javascript…