Discussion :

[grisby007]

Bonsoir


j'affiche repetitivement une image en fonction d'une valeur passée en paramètre.

Voici l'exemple avec 1 seule image:

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
 
	  switch(number_images) {
		case 1:
				context.moveTo(300, 50);
				context.lineTo(580, 50);
				context.stroke();
				context2.moveTo(440, 5);
				context2.lineTo(440, 50);
				context2.stroke();
		     img.onload = function() {
				context.drawImage(img, 380, 70, 90, 70);
			}	
			<!--<map>
			<!--	<area shape="poly" coords = 400, 80, 400, 70, 490, 70, 490, 80 href="www.google.fr">
			<!--</map>
        break;

J'ai essayé de mettre des area coordinates mais ca ne m'affiche du coup plus l'image. Si je met en commentaire ces lignes, ca me réaffiche nickel mon image.
Je peux avoir jusqu'à 48 images affichées, est ce que quelqu'un peut me dire comment je peux faire pour récupérer ces coordinates?

Merci d'avance!

[Bovino]

Heu... tu essayes de mettre du HTML dans un canvas ?

[grisby007]

Salut Bovino


merci d'avoir répondu.
Ben en fait j'essayais de mettre des zones clicables sur des images que j'affiche en fonction d'un nombre que je fixe au depart, donc les zones changent.
Pour être franc, je débute ^^

Si tu as des idées, surtout n'hésite pas !
Je suis preneur de tout bon conseil pour finaliser ma petite application (ma première en html5, css et javascript).

Merci d'avance pour tes réponses

[grisby007]

J'ai progressé: j'arrive a connaitre mes coordinates via une pop up alert.
Reste a dessiner un rectangle invisible au dessus de chacune de mes images et a en faire une zone clickable.

Je suis preneur de toute soluce :-)

[NoSmoking]

Bonjour,
tu peux tout à fait gérer le clic sur ton canvas et tester dans quels polygones se trouve le clic, mais cela se fera en javascript pas en HTML, d'ailleurs pourquoi un CANVAS, juste pour le html5 ?