• Introduction
• Insertion de canvas dans une page web
• Accéder au canvas en javascript
• Dessiner des formes
• Différents rectangles
• Gérer l'aspect d'une forme
• Dessiner des cercles et ellipses
• Tracer des lignes
• Tracer des courbes
• Ecrire du texte
• Ajouter des images
• Utiliser des motifs
• Gérer les propriétés dans le script
• Transformations des formes
• Translation
• Mise à l'échelle
• Rotation
• Utiliser une matrice de transformation
• Ajouter des ombres avec Canvas
• Créer des masques
• Modes de fusion et superposition
• Créer des animations avec canvas
• Effacer le contenu du canvas
• Gérer les intervalles de temps
• Mouvement linéaire simple
• Interagir avec l'utilisateur
• Utiliser la souris
• Détecter et utiliser un évènement clavier
• Collisions entre objets
• Prise en main de Canvas

Dessiner des cercles et ellipses

var a1 = 50 ;
var a2 = 245 ;

var a = (Math.PI/180) * a1 ;
var b = (Math.PI/180) * a2 ;

jeu.fillStyle = "red";
jeu.strokeStyle = "green";
jeu.lineWidth = "5";

jeu.beginPath();
jeu.ellipse(50, 50, 50, 20, 0, a, b, false);
jeu.closePath();

jeu.fill();
jeu.stroke();