Discussion :

[Fahya]

Bonjour,

J'ai des images de formes au format svg. J'aimerais les déplacer, je sais que les coordonnées sont placées après la lettre m, mais ça déforme les figures quand je modifie les coordonnées, voici le code du genre de forme que je dois déplacer :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

d="m 4981.3431,-712.82182 0,21.28125 0,965.53125 0,21.25 21.25,0 1046,0 21.25,0 0,-21.25 0,-965.53125 0,-21.28125 -21.25,0 -1046,0 -21.25,0 z m 42.5,42.53125 1003.4688,0 0,923 -1003.4688,0 0,-923 z"

Cela représente un carré, je ne comprend pas comment faire et je ne trouve pas de tutoriels adaptés à mon problème sur internet.

Merci d'avance.

[tsuji]

Déplacer (rigide) ou plus généralement une ou plusieurs transformations affine successives se fait via l'attribut @transform qui s'écrit dans l'élément englobant d'élément path qui décrit le contour avec l'attribut d en question. Un déplacement donc s'est fait par une valeur: une fonction translate(x[, y]), les grandeurs du déplacement au plan (x,y). Il ne serait pas déformer au sens technique géométrique de l'image. Au titre d'exemple:

Code svg :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<g transform="translate(-5000, 720)">
    <path d="m 4981.3431,-712.82182 0,21.28125 0,965.53125 0,21.25 21.25,0 1046,0 21.25,0 0,-21.25 0,-965.53125 0,-21.28125 -21.25,0 -1046,0 -21.25,0 z m 42.5,42.53125 1003.4688,0 0,923 -1003.4688,0 0,-923 z" />
</g>

Le détail, voir le documentation sur l'attribut transform et la fonction translate().