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 :

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();
}
En fait le message d'erreur c'est ça :
Uncaught TypeError: Cannot set property 'fillStyle' of null
Et dans le body la déclaration du canvas :
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);