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/radialgradient/index.md | 121 +++++++++-------------- 1 file changed, 49 insertions(+), 72 deletions(-) (limited to 'files/fr/web/svg/element/radialgradient') diff --git a/files/fr/web/svg/element/radialgradient/index.md b/files/fr/web/svg/element/radialgradient/index.md index 052f193b4a..5cb5bbd0a6 100644 --- a/files/fr/web/svg/element/radialgradient/index.md +++ b/files/fr/web/svg/element/radialgradient/index.md @@ -7,97 +7,74 @@ tags: - SVG Dégradé translation_of: Web/SVG/Element/radialGradient --- -
{{SVGRef}}
+{{SVGRef}}L'élément [SVG ](/fr/docs/Web/SVG)**``** permet de définir un dégradé radial afin de dessiner un contour, ou de remplir des éléments SVG. -
L'élément SVG <radialGradient> permet de définir un dégradé radial afin de dessiner un contour, ou de remplir des éléments SVG.
+## Contexte d'utilisation -

Contexte d'utilisation

+{{svginfo}} -

{{svginfo}}

+## Attributs -

Attributs

+### Attributs globaux -

Attributs globaux

+- [Attributs de base](/fr/docs/Web/SVG/Attribute#Attributs_de_base) » +- [Références des attributs SVG](/fr/docs/Web/SVG/Attribute#Attributs_de_pr%C3%A9sentation) » +- [Attributs Xlink](/fr/docs/Web/SVG/Attribute#Attributs_XLink) » +- {{SVGAttr("class")}} +- {{SVGAttr("style")}} +- {{SVGAttr("externalResourcesRequired")}} - +### Attributs spécifiques -

Attributs spécifiques

+- {{SVGAttr("gradientUnits")}} +- {{SVGAttr("gradientTransform")}} +- {{SVGAttr("cx")}} +- {{SVGAttr("cy")}} +- {{SVGAttr("r")}} +- {{SVGAttr("fx")}} +- {{SVGAttr("fy")}} +- {{SVGAttr("fr")}} +- {{SVGAttr("spreadMethod")}} +- {{SVGAttr("xlink:href")}} - +## DOM Interface -

DOM Interface

+Cet élément implémente l'interface {{domxref("SVGRadialGradientElement")}}. -

Cet élément implémente l'interface {{domxref("SVGRadialGradientElement")}}.

+## Exemple -

Exemple

+### SVG -

SVG

+```html + -
<svg width="120" height="120" viewBox="0 0 120 120"
-   xmlns="http://www.w3.org/2000/svg">
+  
+    
+      
+      
+    
+  
 
-  <defs>
-    <radialGradient id="exampleGradient">
-      <stop offset="10%" stop-color="gold"/>
-      <stop offset="95%" stop-color="green"/>
-    </radialGradient>
-  </defs>
+  
+
+```
 
-  <circle fill="url(#exampleGradient)" cx="60" cy="60" r="50"/>
-</svg>
+### Résultat -

Résultat

+{{ EmbedLiveSample('Exemple', 120, 120, '', 'Web/SVG/Element/radialGradient') }} -

{{ EmbedLiveSample('Exemple', 120, 120, '', 'Web/SVG/Element/radialGradient') }}

+## Spécifications -

Spécifications

+| Spécification | Statut | Commentaire | +| ------------------------------------------------------------------------------------------------------------ | ------------------------ | -------------------- | +| {{SpecName('SVG2', 'pservers.html#RadialGradients', '<radialGradient>')}} | {{Spec2('SVG2')}} | Added `fr` attribute | +| {{SpecName('SVG1.1', 'pservers.html#RadialGradients', '<radialGradient>')}} | {{Spec2('SVG1.1')}} | Initial definition | - - - - - - - - - - - - - - - - - - - - -
SpécificationStatutCommentaire
{{SpecName('SVG2', 'pservers.html#RadialGradients', '<radialGradient>')}}{{Spec2('SVG2')}}Added fr attribute
{{SpecName('SVG1.1', 'pservers.html#RadialGradients', '<radialGradient>')}}{{Spec2('SVG1.1')}}Initial definition
+## Compatibilité des navigateurs -

Compatibilité des navigateurs

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

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

+## Voir aussi -

Voir aussi

- - +- {{SVGElement("linearGradient")}} -- cgit v1.2.3-54-g00ecf