UPPREVIOUSNEXT  Technologies Internet et Education, © TECFA
  5. Le texte

5. Le texte

Eléments les plus importants pour SVG 1.0:

texte

<text x="55" y="90"  style="stroke:#000099;fill:#000099;font-size:18;">

tspan

 <text x="55" y="90"  style="stroke:#000099;fill:#000099;font-size:18;">
   Hello. Let’s show: <tspan
 x="55"
 dy="20"
> a blue rectangle that pops up and goes again</tspan>
 <tspan x="55" dy="40"
>and a yellow that slowly arrives and then stays!</tspan> </text>

Exemple 5-1: text, tspan et textPath

 <defs>
   <path id="MonTrace" 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>Exemple toap02 - un ’tspan’ dans un ’textPath’</desc>
  <use xlink:href="#MonTrace" fill="none" stroke="red"  />
  <text font-family="Verdana" font-size="42.5" fill="blue" >
   <textPath xlink:href="#MonTrace">
    En
    <tspan dy="-30" fill="red" > 
haut </tspan>
    <tspan dy="30"> 
, </tspan>
    puis en bas, et encore en haut
   </textPath>
  </text>
 
  <!-- Montre le contour du canvevas avec un élément ’rect’ -->
  <rect x="1" y="1" width="998" height="298"
   fill="none" stroke="blue" stroke-width="2" />
 

UPPREVIOUS NEXT -- TIE