Bonjour,
quelqu'un saurait ce qui ne va pas dans mon code ? Il ne trouve pas la variable ctx et donc je ne peux pas utiliser ctx.fillStyle :
En fait le message d'erreur c'est ça :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16 function init(){ // Affiche la carte du monde dans le canvas avec celui-ci bien au centre de la carte. if(document.getElementById('canvas')){ var canvas=document.getElementById('canvas'); var ctx=canvas.getContext("2D"); ctx.fillStyle='olive'; ctx.fillRect(10,10,60,160); var fond=new Image(); fond.src="images/oiseau.jpg"; //ctx.drawImage(fond,10,10); } } window.onload=function(){ init(); }Et dans le body la déclaration du canvas :Uncaught TypeError: Cannot set property 'fillStyle' of null
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3 <body> <canvas id="canvas" onmousedown="YXMouse(event);">Bonjour, désolé votre navigateur ne supporte pas "canvas" de HTML5</canvas>
EDIT : La solution c'était ça :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4 var ctx=canvas.getContext("2d"); ctx.fillStyle="red"; ctx.fillRect(10,10,50,50);
Partager