Insérer plusieurs puzzles (canvas) dans une page web
Fermé
Patpierre
Messages postés10Date d'inscriptionmercredi 22 janvier 2014StatutMembreDernière intervention10 mars 2019
-
10 mars 2019 à 15:03
Patpierre
Messages postés10Date d'inscriptionmercredi 22 janvier 2014StatutMembreDernière intervention10 mars 2019
-
10 mars 2019 à 16:58
Bonjour,
J'ai un code utilisant la balise <canvas> avec lequel j'ai fait un magnifique puzzle et je voudrais en présenter plusieurs à la suite sur mon site dans une page web.
Cela fonctionne, mais lorsque je veux inclure plusieurs puzzles dans une même page, seul le premier est visible ou fonctionne.
J'ai bien essayé d'identifier différemment chaque canvas, mais après plusieurs essais et une bonne prise de tête, je n'y arrive pas et j'ai donc besoin de l'aide...
Voici le premier code qui fonctionne bien mais si je le double en changeant l'image et canvas id ça ne fonctionne plus :
var _stage; var _canvas; var _img; var _pieces; var _puzzleWidth; var _puzzleHeight; var _pieceWidth; var _pieceHeight; var _currentPiece; var _currentDropPiece;
jordane45
Messages postés38314Date d'inscriptionmercredi 22 octobre 2003StatutModérateurDernière intervention24 novembre 20244 705 10 mars 2019 à 16:24
Bonjour,
Quand tu dis que ça ne fonctionne plus...... as tu regardé dans la console de ton navigateur si il y a des messages ?
jordane45
Messages postés38314Date d'inscriptionmercredi 22 octobre 2003StatutModérateurDernière intervention24 novembre 20244 705 10 mars 2019 à 16:26
Sachant que ton code actuel ne permettra pas d'avoir plusieurs canvas....
Par exemple, ta fonction
function setCanvas(){
_canvas = document.getElementById('canvas');
va chercher le canvas dont l'id est "canvas" ... Il te faut l'adapter en conséquence... pour pouvoir y gérer d'autres canvas (en passant l'id à chercher en paramètre de la fonction par exemple )
Patpierre
Messages postés10Date d'inscriptionmercredi 22 janvier 2014StatutMembreDernière intervention10 mars 2019 10 mars 2019 à 16:58
Merci Jordane, mais là je ne maitrise pas...
Peux-tu m'en dire plus ?
10 mars 2019 à 16:26
Par exemple, ta fonction
va chercher le canvas dont l'id est "canvas" ... Il te faut l'adapter en conséquence... pour pouvoir y gérer d'autres canvas (en passant l'id à chercher en paramètre de la fonction par exemple )
10 mars 2019 à 16:58
Peux-tu m'en dire plus ?