« Découvrir le SVG/Manipulations avancées » : différence entre les versions

Contenu supprimé Contenu ajouté
→‎Animation : xlink:href
Ligne 268 :
* le disque n'est pas centré sur l'extrémité de la ligne mais est décalé ;
* le disque est très petit et si vous augmentez le rayon, vous obtenez un carré à la place.
En effet, le marqueur est affiché dans une fenêtre ''({{lang|en|vieportviewport}})'' dont la taille est proportionnelle à la largeur du trait de la courbe (ici {{unité|5|px}}) et de dimension 3 × 3 par défaut (c'est-à-dire un carré faisant trois fois l'épaisseur de la ligne).
 
Le code suivant est plus satisfaisant :
Ligne 312 :
</source>
Nous avons utilisé l'attribut <code>orient="auto"</code> qui permet d'aligner les axes du repère de la fenêtre du marqueur avec la direction locale de la ligne. On peut à la place indiquer une valeur numérique, il s'agit alors de l'angle duquel est tournée la fenêtre par rapport au la page (et non pas par rapport à la direction de la courbe).
 
{{note|Pour être sûr que le marquer d'origine ne soit pas dessiné, il doit avoir l'attribut codedisplay="none"</code> ; c'est le cas s'il est placé dans l'élément <code>defs</code>.}}
 
=== Transparence ===