text

par 1 contributeur :

Cette traduction est incomplète. Aidez à traduire cet article depuis l'anglais.

L'élément text définis un élément graphique contenant du texte. Notez  qu'il est possible d'y appliquer un dégradé, un motif, un tracé spécifique, un masque ou un filtre.

Contexte d'utilisation

Catégories Éléments graphiques, élément de texte
Contenu permit Des caractères et n'importe quel nombre des éléments suivants, dans n'importe quel ordre:
Éléments d'animation »
Éléments de description »
Élément de contenu textuel »
<a>
Norme SVG 1.1 (2e Édition)

Exemple

<?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg"
     width="100px" height="30px" viewBox="0 0 1000 300">

  <text x="250" y="150" 
        font-family="Verdana" 
        font-size="55">
    Bonjour tout le monde!
  </text>

  <!-- Dessine le contour de l'image -->
  <rect x="1" y="1" width="998" height="298"
        fill="none" stroke-width="2" />
</svg>

The <text> element is used to draw text . The following code example is used for drawing a text with coordinates.

<svg xmlns="http://www.w3.org/2000/svg" width="100px" height="50px">
  <text x="10" y="20">SVG Text Example</text>
</svg>

SVG text can be rotated. The following code example illustrates it.

<svg xmlns="http://www.w3.org/2000/svg" width="100px" height="50px">
  <text x="10"  y="20" 
        transform="rotate(30 20,40)">
    SVG Text Rotation example
  </text>
</svg>

SVG text can also be styled

<svg xmlns="http://www.w3.org/2000/svg" width="100px" height="50px">
  <text x="10"  y="20"
        style="font-family: Times New Roman;
               font-size  : 24;
               stroke     : #00ff00;
               fill       : #0000ff;">
    SVG text styling
  </text>
</svg>

Attributes

Global attributes

Specific attributes

DOM Interface

This element implements the SVGTextElement interface.

Browser compatibility

Feature Chrome Firefox (Gecko) IE Opera Safari
Basic support 1.0 1.5 (1.8) 9.0 8.0 3.0.4
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support 3.0 1.0 (1.8) Pas de support (Oui) 3.0.4

The chart is based on these sources.

Étiquettes et contributeurs liés au document

Contributeurs à cette page : B_M
Dernière mise à jour par : B_M,