Les horloges carrées
J'appelle ces horloges, des horloges carrées car pour tracer leurs aiguilles je trace des lignes du centre du carré vers des points régulièrements espacés sur les côtés. Pour placer les 60 points nécessaires il faut donc 17 pixels minimum de côté comme l'illustre le fond de horloge sur la gauche qui représente shématiquement un carré de 17x17 pixels agrandi.
Voici le résultat avec un carré en taille réelle
De par leur conception elles sont différentes des horloges "rondes" car la lecture des valeurs est légèrement différentes ce qui peut dérouter. Vous pouvez voir la différence en comparant avec l'horloge située à droite dont le fond représente une étoile à 12 branches (affichage par défaut si vous n'indiquez pas de paramètres).
Voici les paramètres que vous pouvez spécifier:- name="fond" : image de fond de l'horloge sous forme de fichier gif ou jpg (exemple : value="cadranCarre1.gif")
- name="tailleHMS" : longueur côté des carrés heure, minute, seconde en pixels sous la forme h:m:s (exemple : value="97:129:161")
- name="posHMS" : position des carrés (en haut à gauche) en pixels sous la forme x,y:x,y:x,y (exemple : value="32,32:16,16:0,0")
- name="couleurHMS" : couleur RGB des aiguilles sous la forme r,g,b:r,g,b:r,g,b (exemple : value="240,15,223:21,155,51:150,222,219")
- name="largeurHMS" : largeur des aiguilles en pixels sous la forme h:m:s (exemple : value="3:2:1")
Pour fixer la taille du carré prennez un multiple de 16 (calcul du pas entre chaque graduations) et ajoutez 1 (centre pour l'axe des aiguilles) par exemple 65 avec un pas de 4 pixels entre les graduations et dont l'axe se situe au centre de 32 pixels. Veillez également à dimentionner correctement la taille réservé à l'affichage de l'applet dans votre code HTML.
Exemples d'affichage
Code HTML
Image fond