Le texte : lien avec les chemins

On peut imposer au texte de suivre un chemin prédéfini par la balise <path>
<textPath starOffset="longueur|pourcentage" xlink:href="uri" />
starOffset est le décalage par rapport au début du texte

une longueur représente une distance le long du chemin mesurée

selon la métrique de l'espace utilisateur

un pourcentage représente un pourcentage par rapport au chemin entier

selon la métrique de l'espace utilisateur

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG December 1999//EN"
"http://www.w3.org/Graphics/SVG/SVG-19991203.dtd">
<svg width="10cm" height="3cm" viewBox="0 0 1000 300">
<defs>
    <path id="MyPath"
          d="M 100 200
             C 200 100 300   0 400 100
             C 500 200 600 300 700 200
             C 800 100 900 100 900 100" />
</defs>
<desc>Example toap01 - simple text on a path</desc>

<use xlink:href="#MyPath" style="stroke:red" />
<text style="font-family:Verdana; font-size:42.3333; fill:blue">
    <textPath xlink:href="#MyPath">
      We go up, then we go down, then up again
    </textPath>
</text>
</svg>

Didier Courtaud
Le langage SVG
25 Janvier 2000

47 / 74