Remplissage avec javascript
Résolu
abcene
Messages postés
42
Date d'inscription
Statut
Membre
Dernière intervention
-
aurelienC Messages postés 2 Date d'inscription Statut Membre Dernière intervention -
aurelienC Messages postés 2 Date d'inscription Statut Membre Dernière intervention -
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
A voir également:
- Remplissage avec javascript
- Telecharger javascript - Télécharger - Langages
- Excel remplissage conditionnel - Guide
- Remplissage génératif photoshop grisé - Forum Photoshop
- Remplissage hachuré powerpoint ✓ - Forum Powerpoint
- Javascript void 0 c'est quoi ✓ - Forum Réseaux sociaux
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
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é)
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é)
abcene
Messages postés
42
Date d'inscription
Statut
Membre
Dernière intervention
c'est bien un devoir et cela fait une semaine que je me casse la tête dessus vraiment chiant. n'y arrivant pas, je cherche maintenant de l'aide. je viens juste de voir les SVG, c'est nouveau pour moi du coup je risque de passer de heures dessus... . mais je vais essayer.
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.
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.