web:html5:canvas
Ceci est une ancienne révision du document !
Table des matières
Étapes pour utiliser Canvas
- Définir un élément
<canvas>
. - Obtenir le canvas par ID.
- Accéder au contexte 2d.
- Dessiner des formes.
Étape 1 : Définir le canvas
<canvas id="canvas" width="400" height="200"> Canvas not supported. </canvas>
Étape 2 : Localiser le canvas
window.onload = function () { var canvas = document.getElementById('canvas'); };
Étape 3 : Accéder au contexte
window.onload = function () { var canvas = document.getElementById('canvas'); var ctx = canvas.getContext('2d'); };
Il est important de respecter la casse de 2d
et non inscrire 2D
.
Étape 4 : Dessiner
ctx.fillStyle = 'red'; ctx.fillRect(0, 0, 200, 100);
Canvas API Fonctions
addColorStop | drawImage | restore |
arc | fill | rotate |
arcTo | fillRect | save |
web/html5/canvas.1428353075.txt.gz · Dernière modification : 2022/02/02 00:43 (modification externe)