Méthode : HTMLCanvasElement.getContext()

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

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

/* Crée un rectangle noir */
ctx.rect(10, 10, 200, 100);
ctx.fill();
</script>

Balise non reconnue

Emulation de la console

Retourne le contexte de myCanvas et l'affiche dans la console.
Observez la richesse de cette objet et le nombre de méthodes disponibles.
Les plus courantes en dessin 2D sont traitées dans la référence et dans le tutoriel sur Canvas.

Dunod Fnac Amazon

Chargement
en cours...