Discussion :

[gitney]

Salut à tous,

Je rencontre des problèmes d'affichage avec canvas. Je pensais que ça venait de mon serveur local parce qu'a un moment ça à fonctionné en l'éteignant mais maintenant, allez savoir pourquoi ça ne marche plus..

Code :

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

1
2
3
4
5
6
7
8
9
 
window.onload = function() {	
 
	var img = new Image();
		img.src = 'tileset/image1.png';
 
		//document.body.appendChild(img);
		context.drawImage(img,50,50);
}

Voilà j'ai essayé avec/sans wamp avec/sans windows.load et tout un tas de petites choses mais jamais mon image ne s'affiche jamais dans canvas...

[NoSmoking]

Bonjour,
il te faut déclencher ton action une fois l'image chargée

Code :

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

1
2
3
4
5
6
7
window.onload = function() {	
    var img = new Image();
    img.src = 'tileset/image1.png';
    img.onload = function(){
            context.drawImage(img,50,50);
        };
}

[gitney]

Non ça ne fait rien non plus..

J'ai cru lire quelque part une possibilité de conflit de sécurité entre le serveur local et canvas..
Malheureusement mes recherches sur le net à ce sujet reste infructeuses..

Quelqu'un a t'il déjà rencontré ce type de problème ?

En attendant je ne peux rien faire

[Lorenzo77]

salut,

ya pas de restriction avec canvas car "new Image()" accepte un src sur n'importe quel domaine.
je pense que ton navigateur ne doit tout simplement pas supporter canvas ... par exemple IE ?

si c'est pas ca, alors regarde ta console pour trouver le probleme

[gitney]

Salut,

Non j'ai chrome mais bien sûr j'ai essayé avec tous les navigateurs. Canvas est bien pris en charge je peux y exécuter tout un tas de fonctions...
C'est juste drawImage qui bug..

Qu'est ce que je peux faire de plus avec ma console (tu parles bien de mon serveur local?) à part l'éteindre et l'allumer? De plus je ne comprends pas, javacsript n'est que côté client et n'a donc pas besoin du serveur local. Ca devrait marcher juste en lançant le fichier comme ça ???

[Lorenzo77]

(console = outils de developpement dans chrome) pour regarder si tu n'as pas une erreur ... ou si l'image est bien chargé (genre un PNG un peu trop exotique) !
le probleme doit venir de chez toi, tu as testé avec d'autres PNG/JPG/.. ?

[gitney]

Merci lorenzo,
En effet en revérifiant le code sous firebug, je me suis aperçu que le code était en fait légèrement différent de celui que j'avais fait..

Ca m'était déjà arrivé il y a longtemps, c'était donc un problème de mémoire cache. Résolu. Merci. Je vais ENFIN pouvoir m'amuser avec canvas ! aprsè avoir perdu 2 jours de ma vie !!