<gfx type='draw'>
Permet de superposer des formes simples pour former une image.
Exemple
<param type='star' color='#333' />
<param type='circle' radius='0.13' />
</gfx>
Ce code produit l'image suivante de 49x49 pixels
Elle est constituée d'une étoile grise et d'un cercle transparent en son centre.
Attributs
| attribut | défaut | description |
|---|---|---|
| width | Largeur de l'image | |
| height | Hauteur de l'image | |
| bgcolor | transparent | couleur de fond |
A l'intérieur du bloc <gfx> on crée une balise <param> par forme que l'on veut dessiner. Les formes possibles sont choisies par l'attribut type. Les valeurs utilisées pour coder les points utilisent un système de coordonnée propre à une zone de tracé.
La zone de tracé par défaut occupe toute la surface de l'image. Les coordonnées sont données entre 0 et 1. L'origine de l'image est en haut à gauche. Le centre de l'image est au coordonnées x=0.5 y=0.5 Le coin supérieur gauche est aux coordonnée x=0 y=0, le coin inférieur droite à x=1 y=1.
Grâce à ce système de coordonnées, il est aisé d'ajuster la taille de l'image définitive sans devoir corriger la position ou la taille des formes. De plus on peut dessiner la même forme ailleurs sur l'image en déplaçant la zone de tracé.
Attributs de <param>
Quelque soit le motif dessiné les attributs suivant permettent de redéfinir la taille et la position de la zone de tracé.
| attribut | défaut | description |
|---|---|---|
| size | Largeur et hauteur en pixel de la zone de tracé (exemple: 10 12) | |
| offset | 0 0 | Position x et y du coin supérieur gauche de la zone de tracé |
<param type='circle'>
Dessine un cercle
| attribut | défaut | description |
|---|---|---|
| center | 0.5 0.5 | Coordonnée du centre |
| radius | 0.5 | Rayon |
| color | transparent | couleur |
<param type='polygon'>
Dessine un polygon. On l'utilise pour créer des triangles, carrés etc.
| attribut | défaut | description |
|---|---|---|
| points | 0.5 0 1 1 0 0.5 | Liste de coordonnées X Y (entre 0 et 1) minimum 3 paires |
| color | transparent | couleur |
<param type='rect'>
Dessine un rectangle.
| attribut | défaut | description |
|---|---|---|
| corners | 0 0 1 1 | Coordonées du point inférieur gauche et supérieur droite |
| color | transparent | couleur |
<param type='star'>
Dessine une Ă©toile
| attribut | défaut | description |
|---|---|---|
| vertex | 5 | Nombre de sommets |
| radius | 0.5 | Rayon extérieur |
| depth | 0.38 | Rapport entre le rayon extérieur et le rayon intérieur |
| angle | -90 | Position angulaire du 1er sommet en degrés |
| color | transparent | couleur |
