getContext() n'est pas défini

**Floyus** · 29/04/2013, 06h52

Bonjour,
je commence à programmer un petit script avec les balises <canvas> de l'html5.
Un erreur après avoir copié collé un tutoriel Javascript.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
var canvas = document.getElementById('mon_canvas');
var ctx = canvas.getContext("2d");

Uncaught TypeError: Cannot call method 'getContext' of null

Quel est le problème ?

merci d'avance

**Kaamo** · 29/04/2013, 11h30

Où as-tu placé ce code ? Entre les balises <head></head> de ta page ? A tous les coups, le document n'est pas encore "chargé" complètement quand ce code Javascript est exécuté. Ton élément canvas n'existe donc pas : Erreur !
Pour y remédier, exécute le code quand la page est prête.

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
window.onload = function() {
// ton code
}

**sekaijin** · 01/05/2013, 11h56

Envoyé par Floyus

...
Uncaught TypeError: Cannot call method 'getContext' of null

ça me semble clair tu essais d'appeler une méthode de l'objet null.

re rappelle à tous les developpeur quelque soit le langage qu'il faut toujours vérifier l'existance d'un objet avant de s'en servir.
en js donc les methode get.... ou open etc peuvent retourner NULL
donc on ne se sert JAMAIS de la valeur retournée sans la tester.

getElementsByTagName, getElementsByName, getElementById, window.open, Array.pop mais aussi getContext et bien d'autres
A+JYT

**Floyus** · 02/05/2013, 03h45

Bonjour,
je pense que Kaamo a raison. J'ai ajouté un onload="mafonction()" sur mon <body> et ça a fonctionné. Merci !

et merci Sekaijin pour tes précisions

A plus

getContext() n'est pas défini [API HTML5]

JavaScript

Discussions similaires

Partager

Partager