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