From 7040e4bc9c98e0c50ce903a5cbeeabeda2ed908a Mon Sep 17 00:00:00 2001 From: julieng Date: Mon, 1 Nov 2021 07:51:27 +0100 Subject: move *.html to *.md --- files/fr/web/svg/element/text/index.html | 111 ------------------------------- files/fr/web/svg/element/text/index.md | 111 +++++++++++++++++++++++++++++++ 2 files changed, 111 insertions(+), 111 deletions(-) delete mode 100644 files/fr/web/svg/element/text/index.html create mode 100644 files/fr/web/svg/element/text/index.md (limited to 'files/fr/web/svg/element/text') diff --git a/files/fr/web/svg/element/text/index.html b/files/fr/web/svg/element/text/index.html deleted file mode 100644 index bc1e735223..0000000000 --- a/files/fr/web/svg/element/text/index.html +++ /dev/null @@ -1,111 +0,0 @@ ---- -title: text -slug: Web/SVG/Element/text -tags: - - Element - - Reference - - SVG - - 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.")}}
- -

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.

- -

Contexte d'utilisation

- -

{{svginfo}}

- -

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>
-
- -

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.

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

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)">
-    SVG Text Rotation example
-  </text>
-</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"
-        style="font-family: Times New Roman;
-               font-size  : 24;
-               stroke     : #00ff00;
-               fill       : #0000ff;">
-    SVG text styling
-  </text>
-</svg>
-
- -

Attributs

- -

Attributs globaux

- - - -

Attributs spécifiques

- - - -

Interface DOM

- -

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

- -

Compatibilité des navigateurs

- -

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

- -

Articles liés

- - diff --git a/files/fr/web/svg/element/text/index.md b/files/fr/web/svg/element/text/index.md new file mode 100644 index 0000000000..bc1e735223 --- /dev/null +++ b/files/fr/web/svg/element/text/index.md @@ -0,0 +1,111 @@ +--- +title: text +slug: Web/SVG/Element/text +tags: + - Element + - Reference + - SVG + - 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.")}}
+ +

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.

+ +

Contexte d'utilisation

+ +

{{svginfo}}

+ +

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>
+
+ +

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.

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

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)">
+    SVG Text Rotation example
+  </text>
+</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"
+        style="font-family: Times New Roman;
+               font-size  : 24;
+               stroke     : #00ff00;
+               fill       : #0000ff;">
+    SVG text styling
+  </text>
+</svg>
+
+ +

Attributs

+ +

Attributs globaux

+ + + +

Attributs spécifiques

+ + + +

Interface DOM

+ +

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

+ +

Compatibilité des navigateurs

+ +

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

+ +

Articles liés

+ + -- cgit v1.2.3-54-g00ecf