API Canvas

API Canvas – sommaire

Dessiner avec Canvas

Les rectangles
Effacement partiel dans une forme
Les cercles et arcs de cercle
Les lignes
Les polygones
Le constructeur de formes Path2D()
Gestion du texte dans Canvas
Ombrage des formes
Courbes de Bézier (quadratique et cubique)
Canevas adaptatifs
Insertion d’une image matricielle dans Canvas
Dégradés linéaire et radiaux
Motifs dans Canvas
Transformations (translations) et transparence
Transformations : changements d’échelle
Transformations : rotations

Animations et jeux avec Canvas

Animation automatique : grossissement d’un rond
Animation automatique : grossissement d’un carré
Déplacement d’une boule avec effet 3D
Déplacement d’un « sprite » dans un canevas
Animation automatique : courbe quadratique
Animation automatique : courbes de Bézier cubiques
Texte animé
Enfin un jeu : SQUASH
Comparaison Canvas et SVG
Superposer les canevas