Please enable JavaScript.
Coggle requires JavaScript to display documents.
Les canvas (Les styles de tracage (fillstyle: On lui attribue une couleur…
Les canvas
Definition : L'élément canvas est un composant de HTML qui permet d'effectuer des rendus dynamiques d'images bitmap via des scripts.
-
-
Les formes géométriques
Rectangle
fillRect(x,y,largeur,longueur)
strokeRect(x,y,largeur,longueur): permet de dessiner le contour d'un rectangle
Les arcs
arc(x, y,
rayon, angleDepart, angleFin, sensInverse).
Courbes de bézier
Les courbes cubiques
bezierCurveTo(cp1X, cp1Y, cp2X, cp2Y, x, y)
Les courbes quadratiques
quadraticCurveTo(cp1X, cp1Y, x, y)
Les images
drawImage(image, x, y). :pour dessiner l'image
exemple
var zozor = new Image();
zozor.src = 'zozor.png'; /context.drawImage(zozor, 35, 35);
Les dégradés
Dégradés linéaires
createLinearGradient(debutX, debutY, finX, finY):pour créer des dégradés
addColorStop(position, couleur). :pour ajouter des couleurs au dégradés
Dégradés radiaux
createRadialGradient(centreX, centreY, centreRayon, finX, finY, finRayon) : pour créer des dégradés
Les transformations
-
La translation
context.translate( translateX, translateY );
-
-
-
-