Dans ce tutoriel, nous allons présenter le canevas html et ses différentes méthodes. Comme alternative, vous pouvez consulter la référence de Mozilla.
Dans ce tutoriel, nous n'allons considérer que les dessins en 2d; ceux en 3d seront éventuellement discutés dans un tutoriel sur WebGL.
Nous supposons que vous êtes familier avec javascript. Dans tous nos exemples, nous allons utiliser un canevas html similaire à ce qui est décrit ci-dessus:
Si vous êtes curieux, vous pouvez voir (et modifier!) le code véritablement
utilisé pour générer la fenêtre de droite en cliquant sur l'image
ci-dessus.
Le code peut paraître intimidant ... mais les méthodes utilisées devraient
vous êtes familières une fois que vous aurez compléter ce tutoriel.
Garder vos notes personnelles ici. Ces notes sont entreposées par votre navigateur sur votre propre ordinateur, et seront disponible à partir de n'importe quelle page de ce site. Vous pouvez choisir d'utiliser la syntaxe html pour les formatter.