Objet : HTMLCanvasElement

<canvas id="myCanvas">Balise non reconnue</canvas>
<script type="text/javascript">
var myCanvas=document.getElementById("myCanvas");
console.log(myCanvas);

var ctx=myCanvas.getContext("2d");

ctx.rect(10, 10, 200, 100);
ctx.stroke();
</script>

Balise non reconnue

Emulation de la console

Crée un canvas et dessine un rectangle dedans.
myCanvas est alimenté par getElementById().
Il est affiché dans la console pour vous montrer les particularités de cet objet.

L'appel à getContext() permet de définir la variable ctx, objet de type CanvasRenderingContext2D qui supporte toutes les méthodes de dessins.

Dunod Fnac Amazon

Chargement
en cours...