« Découvrir le SVG/Structure d'un fichier SVG » : différence entre les versions

Contenu supprimé Contenu ajouté
m →‎Repère et unités : précision
→‎Repère et unités : avertissement plus concret
Ligne 115 :
Si le document SVG est intégré dans un autre document, il peut être tourné ce qui va changer les orientations des axes par rapport au document général.
 
Les coordonnées et les longueurs sont exprimées sous la forme d'un nombre et d'une unité. Pour les nombres, le séparateur décimal est le point. LesL'unité unités« naturelle » sontdu SVG est le pixel, abrégé (en SVG1.1)<refcode>px</code> name="unites1; c'est l'unité par défaut, celle qui est appliquée si l'on n'indique pas d'unité.1">{{lien webLa taille affichée ou imprimée dépend de la résolution déclarée :
* pour une imprimante, elle est souvent exprimée en point par pouce (''{{lang|en|dot per inch}}'', dpi), ainsi, pour une résolution de {{unité|90|dpi}}, une longueur d'{{unité|1|px}} fera 1/90 pouces soit {{unité|0.282|mm}} et il faudra {{unité|35.43|px}} pour faire {{unité|1|cm}} ;
* pour un écran, cela dépend de sa taille réelle (souvent exprimée par la longueur de sa diagonale en pouces ou en cm) et par la résolution d'affichage : ainsi, un écran ayant une diagonale de {{unité|61|cm}} ({{unité|24|pouces}}), au format 16/9, et avec une résolution de {{formatnum:1920}} × {{formatnum:1200}}, une longueur d'{{unité|1|px}} fera {{unité|0.249|mm}}<ref>si ''h'' est la largeur de l'écran, sa hauteur est L = 16/9 × ''h'' et donc, d'après le théorème de Pythagore, si la diagonale est notée D, on a : D² = ''h''² + L² = ''h''² + (16/9 × ''h'')² = (1 + (16/9)²) × ''h'' et ainsi ''h''² = D²/(1 + (16/9)²) et donc <math>h = 61/\sqrt{1 + (16/9)^2} = 29,91~\mathrm{cm}</math>. On a donc {{unité|1|px}} = 29,91/{{formatnum|1200}} = {{unité|0.0249|cm}} = {{unité|0.249|mm}}.</ref> et il faudra {{unité|40.13|px}} pour faire {{unité|1|cm}}.
 
Les autres unités sont (en SVG1.1)<ref name="unites1.1">{{lien web
| url = https://www.w3.org/TR/SVG11/coords.html#Units
| langue = en
Ligne 129 ⟶ 133 :
* <code>cm</code>, <code>mm</code>, <code>in</code> : respectivement centimètre, millimètre et pouce ({{unité|1|in}} = {{unité|25.4|mm}}) ;
* <code>%</code> : pourcentage, proportion de la taille totale du dessin en ''x'' ou en ''y''.
{{note|Le rendu des unités « réellesphysiques » (cm, mm, in…) dépend de la résolution et des dimensions du dispositif (écran, imprimante). Si l'on met dans le même document des longueurs en unités physiques et des longueurs en pixels, alors certains objets auront toujours la même taille réelle alors que d'autres auront des dimensions qui dépendront du dispositif de rendu.
 
NousÀ conseillonsmoins que cela ne soit volontaire, il faut donc des'attacher à tout exprimer en <code>px</code>, unité « naturelle » du SVG, ou bien en pourcentage, afin de maîtriser le résultat ; le facteur d'échelle pouvant être ensuite réglé à l'affichage ou à l'impression.}}
 
== Validation du code ==