Méthode : HTMLCanvasElement.getContext()

Retourne l'objet contexte de dessin de myCanvas

Syntaxe
CanvasRenderingContext2D myCanvas.getContext(String mode)

Compatible tous navigateurs

Oui

Description
Retourne l'objet contexte de dessin de myCanvas au format CanvasRenderingContext2D.

Exemple 1 : Contexte d'un canvas

Code source

<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>

Résultat

Emulation de la console

Explication

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.

Page en rapport
Le tutoriel sur le dessin avec canvas

Page mise à jour le 20/09/2017

Troisième édition Tout JavaScript chez Dunod

En savoir plus
Sortie le 4 janvier 2023

Version papier 29€90
Format électronique 22€99.

Commandez en ligne

Dunod Fnac Amazon

Méthode : HTMLCanvasElement.getContext()

Retourne l'objet contexte de dessin de myCanvas

Troisième édition Tout JavaScript chez Dunod

Chercher une fonction, un objet, ...