« Découvrir le SVG/Manipulations avancées » : différence entre les versions
Contenu supprimé Contenu ajouté
→Motifs : précision |
|||
Ligne 513 :
Les paramètres <code>width</code> et <code>height</code> demandent quelques explications. Par défaut, la valeur <code>1</code> désigne la dimension totale de l'objet à remplir (largeur totale pour <code>width</code>, hauteur totale pour <code>height</code>). En mettant les valeurs <code>0.1</code>, nous indiquons que le motif est répété tous les 0,1 dans l'unité locale, c'est-à-dire tous les 1/10 de la largeur et de la hauteur ; cela affiche donc 10 motif dans le sens de la hauteur et 10 motifs dans le sens de la largeur, soit 100 disque sur la surface.
Cette situation peut poser problème : en effet, la taille et les proportions largeur/hauteur du motif dépendent des dimensions de l'objet alors que l'on voudra sans doute que le motif apparaisse tel que dessiné.
On peut indiquer des dimensions « classiques » avec l'attribut <code>patternUnits="userSpaceOnUse"</code> : les valeurs indiquées dans les attributs <code>width</code> et <code>height</code> sont alors la largeur et la hauteur du rectangle dans lequel le motif est dessiné, et la surface est ensuite pavée par ces rectangles. Par exemple :▼
▲On peut indiquer des dimensions « classiques » avec l'attribut <code>patternUnits="userSpaceOnUse"</code> : les valeurs indiquées dans les attributs <code>width</code> et <code>height</code> sont alors la largeur et la hauteur du rectangle dans lequel le motif est dessiné, et la surface est ensuite pavée par ces rectangles. Les dimensins du motif sont alors indépendantes des dimensions de l'objet. Par exemple :
<source lang="xml">
<defs>
| |||