positionner un index ou une aiguille

[MétéoHouba]

Bonjour et meilleurs voeux à tous,
je suis le petit dernier (inscrit) de ce forum.
Bravo pour tout le travail fourni, sans vous je n' aurai jamais remis en service ma station achetée il y a environ 4 ans.
Maintenant, j' aimerai modifier/créer des jauges, mon problème je n'arrive pas à positionner correctement les index ou les aiguilles.
Si quelqu'un peut "m'aiguiller"
Merci d'avance.

[paaubert]

Bonsoir,
tu peux mettre ta feuille de style en ligne pour que l'on puisse voir ton problème.
Pour les aiguilles c'est assez hasardeux, il faut le bon fichier image.
Je pourrait peux-être mieux t'aider avec un exemple concret.

A+

[MétéoHouba]

Voila, j'ai pris une jauge de ton cru (que j' utilise dans mon site) j' aimerai remplacer img_modern_index3_120x40.png par un cercle gradué pour faire quelques essais.
Si tu as des idées!?
Merci.

Mes réponses sont un peu longues à venir: je dois me familiariser avec les commandes du forum.

[paaubert]

franchement le plus simple c'est de refaire l'image avec un programme photo.
tu prend l'image de la jauge tu rajoutes par dessus ton image et tu enregistre sous un autre nom, ensuite tu modifies seulement le nom de l'image dans la feuille de style.

Pour ma page d'accueil j'ai procédé ainsi.

img_modern-hum_300x300.png

img_modern4_300x300.png

img_modern3_300x300.png

[MétéoHouba]

Je n'ai pas de problème pour faire mes dessins je voudrais simplement que le disque noir soit centré sur son axe lorsqu' il tourne, comme les aiguilles ou les index.
En ce moment il tourne, en fonction de la direction du vent, mais avec un axe situé près du "W" à l'extérieur du disque et non pas au centre.
A+

[paaubert]

A OK, j'avais pas compris, je pensais que l'image était fixe et que tu avais par dessus une aiguille.
C'est une bonne idée que tu as là.

En fait je pense que le problème vient que l'aiguille se positionne automatiquement au milieu de la jauge (voir confirmation des pros comme Jean, si tu passes par ici.. )
Donc il faut modifier ton image pour qu'elle soit bien centrée. Là le centre de ton image est certainement le W
Le plus simple c'est que les deux images aient exactement la même dimension.

A+

[MAGNUS]

Bonjour,
Effectivement, bonne idée que ce cadran qui tourne (comme une boussole sur un bateau).
En fait, si je comprends bien, vous avez remplacé l'image de l'aiguille par celle de votre cadran.
Il faut donc, dans votre feuille de style, repérer ou se trouve cette image et, par petites touches, déplacer celle-ci en modifiant la position
<image width="XXX" height="XXX" />
Au besoin, envoyez moi ,(contact sur mon site), un dossier contenant votre feuille de style et les images qui vont avec et je regarderais cela de plus prés.
Cordialement.

[MétéoHouba]

Bonjour,
merci de votre réponse, je vais faire quelques tests, je vous tiens informé.
A+

[paaubert]

Il faut donc, dans votre feuille de style, repérer ou se trouve cette image et, par petites touches, déplacer celle-ci en modifiant la position
<image width="XXX" height="XXX" />
Cordialement.

Salut Magnus
Il n'y as pas de pos x et y pour les aiguilles et je ne suis pas arrivé à les rajouter, je pense que la position est fixée par la circulargauge

<current_wind_direction color1="FFFF0000" color2="FF00FF00" filled="1" texture="mon image.png" side="left" thick="9" axisdelta="0"/>

<image width="XXX" height="XXX" /> ce n'est pas la position mais la largeur et la hauteur de l'image

Si tu as une solution ?

A+

[jturlier]

Salut Magnus
Il n'y as pas de pos x et y pour les aiguilles et je ne suis pas arrivé à les rajouter, je pense que la position est fixée par la circulargauge

<current_wind_direction color1="FFFF0000" color2="FF00FF00" filled="1" texture="mon image.png" side="left" thick="9" axisdelta="0"/>

<image width="XXX" height="XXX" /> ce n'est pas la position mais la largeur et la hauteur de l'image

Si tu as une solution ?

Bonjour Jean-Paul et Pierre-André,
L'aiguille et le cadran forment un tout et doivent à la création être appairés correctement. Il n'y a pas de réglage possible de la position de l'aiguille, autre que des dimensions et sa position à l'intérieur du rectangle qui la contient. (ça n'a pas été faute de chercher quand j'ai écrit la doc sur les balises)
Petite info : le paramètre thick ne sert que si texture n'est pas définie.

Bonne journée

Edit : correction d'une faute d'orthographe, avec mes excuses

[paaubert]

Merci Jean,

C'est bien ce que je pensais, donc il faut adapter l'image, ça ne va pas être évident.

A+

[jturlier]

Non ce n'est pas très compliqué, il faut juste dessiner ton aiguille correctement à l'intérieur d'un rectangle, et ensuite augmenter ou diminuer tes marges gauches et droites. La largeur du rectangle n'a pas réellement d'importance

[jturlier]

Voila, j'ai pris une jauge de ton cru (que j' utilise dans mon site) j' aimerai remplacer img_modern_index3_120x40.png par un cercle gradué pour faire quelques essais.
Si tu as des idées!?
Merci.

Mes réponses sont un peu longues à venir: je dois me familiariser avec les commandes du forum.

Le problème ici est tout simplement que le cadre de l'aiguille n'est pas assez long sur la droite, il lui manque environ 120px

[MAGNUS]

Salut Magnus
Il n'y as pas de pos x et y pour les aiguilles et je ne suis pas arrivé à les rajouter, je pense que la position est fixée par la circulargauge

<current_wind_direction color1="FFFF0000" color2="FF00FF00" filled="1" texture="mon image.png" side="left" thick="9" axisdelta="0"/>

<image width="XXX" height="XXX" /> ce n'est pas la position mais la largeur et la hauteur de l'image

Si tu as une solution ?

Bonjour Jean-Paul et Pierre-André,
L'aiguille et le cadran forment un tout et doivent à la création être appairés correctement. Il n'y a pas de réglage possible de la position de l'aiguille, autre que des dimensions et sa position à l'intérieur du rectangle qui la contient. (ça n'a pas été faute de chercher quand j'ai écrit la doc sur les balises)
Petite info : le paramètre thick ne sert que si texture n'est pas défini.

Bonne journée

Bonjour à tous,
Milles excuses, j'ai confondu avec l'image.
Effectivement, pour placer correctement le cadran(qui correspondant en fait à un image comme aiguille), il faut procéder comme l'indique jturlier,
C'est ce que javais fait lors de la modification de mes cadrans sur mon site.
Mais comme je pense qu'il veut une flèche ou un index fixe et le cadran tournant, il faudrait peut être considérer le cadran en remplacement de la flèche et rajouter un image fixe (comme un calque)comportant un index ou une flèche.
Suis-je assez clair ?
Je vais essaye de m'amuser avec cela pour occuper ces jours pluvieux.
Cordialement.

[MAGNUS]

Bon, j'ai essayé toutes les solutions et voici mes observations à ce sujet :
- La flèche mobile sur une feuille de style est inscrite dans une image rectangulaire
- Cette image comporte un point de rotation invisible mais complétement désaxé par rapport au centre de cette image
Il faudrait pourvoir déplacer ce point de rotation afin qu'il se trouve au cente. ceci permettrait de placer une image circulaire a la place d'une flèche, par exemple un cadran "marine" et ainsi placer cette nouvelle image sur nos gauges
Conclusion : Si quelqu'un a l'astuce pour déplacer ce centre de gravité, il a gagné...à être connu et vénère.
Cordialement