Please enable JavaScript.
Coggle requires JavaScript to display documents.
canvas (Formes géométriques simples (fillRect(x,y,largeur,hauteur) Dessine…
canvas
-
utilisation
-
-
-
-
• remplir des dessins avec des couleurs, des styles ou des ombres ;
-
-
etapes
1 Créer le conteneur qui englobera les objets à manipuler ou à dessiner grâce à l’élément <canvas></canvas>
-
3 Définir l’objet contexte grâce à la méthode getContext("2d") qui sélectionne l’API de dessin 2D pour l’appliquer à la variable canvas
-
Grille de coordonnées
• l’origine (0,0) est située au coin supérieur gauche de la fenêtre du navigateur ;
-
-
• ces valeurs représentent la grille qui entoure les pixels, et non les pixels eux-mêmes.
declaration
<canvas id="identifiant" width="largeur" height="hauteur">
Ce texte sera affiché lorsque le navigateur ne prend pas
en charge l’élément canvas
</canvas>