Remplissage avec javascript
Résolu
abcene
Messages postés
51
Statut
Membre
-
aurelienC Messages postés 2 Statut Membre -
aurelienC Messages postés 2 Statut Membre -
bonjour,
je dispose de cette image:
j'aimerai en cliquant sur l'une de ces numeros, remplire sa case:
merci d'avance
je dispose de cette image:
j'aimerai en cliquant sur l'une de ces numeros, remplire sa case:
merci d'avance
2 réponses
-
'lut, avoir l'image c'est bien, mais tu n'as que ça?
Depuis HTML5 ça serait possible juste avec l'image et un<canvas>
mais c'est peu performant et pas facile à coder.
N'as-tu pas ton affichage 16 segments sous une autre forme, genre <div> avec des règles CSS3 ou mieux, l'image sous forme de SVG?
(et au fait, c'est pour un devoir? Si c'est le cas ça me semble bien compliqué) -
Salut,
Vu que c'est un devoir scolaire la première question que je me pose est: Quelle sont les contraintes exactes? Selon les contraintes je vois plusieurs solutions:
1 - Superposer un canvas à l'image, jouer avec la transparence du canvas pour faire en sorte qu'au clic sort un bouton une zone défini du canvas se colore, ce qui devrait avoir pour effet de colorer une partie de l'image en dessous.
2 - Reproduire l'image en dessins sur un canvas ou en SVG, définir chaque forme dessiné comme un objet indépendant et lors du clic sur le bouton correspondant, changer sa couleur.
3 - Si l'image n'a pas besoin d'être identique il est envisageable de produire quelque chose de similaire avec des éléments html modifiés en CSS, changer leur couleur lors du clic sera très facile.
Voila, fais nous part des contraintes exactes, qu'on puisse mieux t'orienter.
