Discussion :

[Fooshi]

Bonjour,
j'ai une serie de canvas HTML5 qui ont été déssiné via la fonction drawimage comme ceci :

Code :

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

1
2
3
4
5
6
7
8
9
var case0		= new Image();
case0.src		= "img/jeux/butin/case0.png";
 
for(var i=0; i<456; ++i)
{
var canvas	= document.getElementById("jbc-case"+i);			
var context	= canvas.getContext("2d");
context.drawImage(case0,0,0);	
}

ce que j'aimerais c'est faire une effet de rollover au clic des canvas. (j'ai sur canevas defini un event on clic)
comment peux t'on faire pour faire un rollover sans effacer l'image tracée ?
Merci d'avance

[NoSmoking]

Bonjour,
voir peut être du coté des méthodes save et restore
https://developer.mozilla.org/fr/Tut...tions_basiques
https://developer.mozilla.org/fr/Tut...ransformations

[MaitreKaio]

Première remarque, tu as vraiment énormément de canevas ! Je m'étonne que ça ne pose pas de problème de performances.
Pour ce qui est de ta question, la solution donnée par NoSmoking fonctionnerait.
J'en propose une autre, à toi de choisir: tu englobes chaque canevas dans un <div> qui contient ton image de rollover. Tu écoutes le clic sur le div, si le canevas interne était affiché, tu le caches et inversement.
Une petite mise en pratique valant mieux que mille mots, voici une fiddle qui fait ca avec un seul canevas: http://jsfiddle.net/maitrekaio/CCFBy/

[Fooshi]

Merci vous deux, j'ai finalement appliqué la méthode de MaitreKaio.
J'ai beaucoup de canvas c'est vraiment mais je dois développer un jeu qui comporte 256 canvas.
par contre je n'ai pas utilisé addeventlistener sur mes div car j'ai en beaucoup trop du coup j'ai fais un onclick et onmouseout pour chaque div.
est ce que c'est mieux en terme de performance ? sinon je ferais un addeventlistener pour chaque div

[MaitreKaio]

Dans ce cas tu peux marquer la question comme résolue, et une petite appréciation positive n'est pas de refus non plus
Moi j'aurais une question quand même: pourquoi as-tu besoin de canevas ?

[Fooshi]

J'en ai besoin pour pouvoir faire des animations a l’intérieur de ceux ci.