From 88dda3c00eefc18a29447e99ebd3177925602b52 Mon Sep 17 00:00:00 2001 From: julieng Date: Mon, 1 Nov 2021 07:51:45 +0100 Subject: convert content to md --- files/fr/web/svg/element/text/index.md | 136 ++++++++++++++++----------------- 1 file changed, 67 insertions(+), 69 deletions(-) (limited to 'files/fr/web/svg/element/text') diff --git a/files/fr/web/svg/element/text/index.md b/files/fr/web/svg/element/text/index.md index bc1e735223..dafd76e9fe 100644 --- a/files/fr/web/svg/element/text/index.md +++ b/files/fr/web/svg/element/text/index.md @@ -8,104 +8,102 @@ tags: - SVG contenu de texte translation_of: Web/SVG/Element/text --- -
{{SVGRef}}{{Draft("Cette version n'est pas à jour relativement à la version anglaise de référence, merci d'en tenir compte.")}}
+{{SVGRef}}{{Draft("Cette version n'est pas à jour relativement à la version anglaise de référence, merci d'en tenir compte.")}} -

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

+L'élément SVG `text` définit un élément graphique contenant du texte. Notez  qu'il est possible d'y appliquer un dégradé, un motif, un tracé spécifique (clipping path), un masque ou un filtre. -

Si du texte est écrit dans le SVG sans être intégré dans un balise <text>, il ne sera pas affiché. Le texte n'est pas caché par défaut, la propriété display ne le montre simplement pas.

+Si du texte est écrit dans le SVG sans être intégré dans un balise \, il ne sera pas affiché. Le texte n'est pas _caché_ par défaut, la propriété display ne le montre simplement pas. -

Contexte d'utilisation

+## Contexte d'utilisation -

{{svginfo}}

+{{svginfo}} -

Exemple

+## Exemple -
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg"
-     width="100px" height="30px" viewBox="0 0 1000 300">
+```xml
+
+
 
-  <text x="250" y="150"
+  
     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>
-
+ + + +``` -

L'élément <text> est utilisé pour dessiner des caractères de texte. L'exemple de code suivant écrit un text svg à l'aide de coordonnées x/y.

+L'élément \ est utilisé pour dessiner des caractères de texte. L'exemple de code suivant écrit un text svg à l'aide de coordonnées x/y. -
<svg xmlns="http://www.w3.org/2000/svg" width="100px" height="50px">
-  <text x="10" y="20">SVG Text Example</text>
-</svg>
-
+```xml + + SVG Text Example + +``` -

Le texte en SVG peut être pivoté. L'exemple de code suivant démontre la rotation de texte à l'aide de l'attribut transform.

+Le texte en SVG peut être pivoté. L'exemple de code suivant démontre la rotation de texte à l'aide de l'attribut transform. -
<svg xmlns="http://www.w3.org/2000/svg" width="100px" height="50px">
-  <text x="10"  y="20"
-        transform="rotate(30 20,40)">
+```xml
+
+  
     SVG Text Rotation example
-  </text>
-</svg>
-
+ + +``` -

Le texte SVG peut également être stylisé avec du CSS contenant les propriétés SVG.

+Le texte SVG peut également être stylisé avec du CSS contenant les propriétés SVG. -
<svg xmlns="http://www.w3.org/2000/svg" width="100px" height="50px">
-  <text x="10"  y="20"
+```xml
+
+  
     SVG text styling
-  </text>
-</svg>
-
+ + +``` -

Attributs

+## Attributs -

Attributs globaux

+### Attributs globaux - +- [Conditional processing attributes](/fr/SVG/Attribute#ConditionalProccessing "en/SVG/Attribute#ConditionalProccessing") » +- [Core attributes](/fr/SVG/Attribute#Core "en/SVG/Attribute#Core") » +- [Graphical event attributes](/fr/SVG/Attribute#GraphicalEvent "en/SVG/Attribute#GraphicalEvent") » +- [Presentation attributes](/fr/SVG/Attribute#Presentation "en/SVG/Attribute#Presentation") » +- {{ SVGAttr("class") }} +- {{ SVGAttr("style") }} +- {{ SVGAttr("externalResourcesRequired") }} +- {{ SVGAttr("transform") }} -

Attributs spécifiques

+### Attributs spécifiques - +- {{ SVGAttr("x") }} +- {{ SVGAttr("y") }} +- {{ SVGAttr("dx") }} +- {{ SVGAttr("dy") }} +- {{ SVGAttr("text-anchor") }} +- {{ SVGAttr("rotate") }} +- {{ SVGAttr("textLength") }} +- {{ SVGAttr("lengthAdjust") }} -

Interface DOM

+## Interface DOM -

Cet élément implémente l'interface SVGTextElement.

+Cet élément implémente l'interface [`SVGTextElement`](/fr/DOM/SVGTextElement "en/DOM/SVGTextElement"). -

Compatibilité des navigateurs

+## Compatibilité des navigateurs -

{{Compat("svg.elements.text")}}

+{{Compat("svg.elements.text")}} -

Articles liés

+## Articles liés - +- {{ SVGElement("tspan") }} +- {{ SVGElement("tref") }} +- {{ SVGElement("altGlyph") }} -- cgit v1.2.3-54-g00ecf