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/fegaussianblur/index.md | 193 ++++++++++------------- 1 file changed, 87 insertions(+), 106 deletions(-) (limited to 'files/fr/web/svg/element/fegaussianblur') diff --git a/files/fr/web/svg/element/fegaussianblur/index.md b/files/fr/web/svg/element/fegaussianblur/index.md index c2a9fdbe70..667c05bf62 100644 --- a/files/fr/web/svg/element/fegaussianblur/index.md +++ b/files/fr/web/svg/element/fegaussianblur/index.md @@ -3,133 +3,114 @@ title: slug: Web/SVG/Element/feGaussianBlur translation_of: Web/SVG/Element/feGaussianBlur --- -
{{SVGRef}}
+{{SVGRef}} -

La primitive de filtre SVG <feGaussianBlur> applique un effet de flou à l'image en entrée. La quantité de flou est contrôlée par {{SVGAttr("stdDeviation")}}.

+La primitive de filtre [SVG](/fr/docs/Web/SVG) **``** applique un effet de flou à l'image en entrée. La quantité de flou est contrôlée par {{SVGAttr("stdDeviation")}}. -

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) +- [Attributs de présentation](/fr/docs/Web/SVG/Attribute#attributs_de_présentation) +- [Attributs de primitives de filtres](/fr/docs/Web/SVG/Attribute#attributs_de_primitives_de_filtre) +- {{SVGAttr("class")}} +- {{SVGAttr("style")}} -

Attributs spécifiques

+### Attributs spécifiques -
    -
  • {{SVGAttr("in")}}
    • -
  • {{SVGAttr("stdDeviation")}}
    • -
  • {{SVGAttr("edgeMode")}}
    • -
+- {{SVGAttr("in")}} +- {{SVGAttr("stdDeviation")}} +- {{SVGAttr("edgeMode")}} -

Interface DOM

+## Interface DOM -

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

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

Exemple

+## Exemple -

Exemple simple

+### Exemple simple -

SVG

+#### SVG -
<svg width="230" height="120"
+```html
+
 
-  <filter id="blurMe">
-    <feGaussianBlur in="SourceGraphic" stdDeviation="5" />
-  </filter>
+  
+    
+  
 
-  <circle cx="60"  cy="60" r="50" fill="green" />
+  
 
-  <circle cx="170" cy="60" r="50" fill="green"
-          filter="url(#blurMe)" />
-</svg>
+ + +``` -

Résultat

+#### Résultat -

{{EmbedLiveSample("Exemple_simple",232,124)}}

+{{EmbedLiveSample("Exemple_simple",232,124)}} -

Exemple avec une ombre portée

+### Exemple avec une ombre portée -

SVG

+#### SVG -
<svg width="120" height="120"
+```html
+
-
-
Résultat

-
-
{{EmbedLiveSample("Exemple_avec_une_ombre_portée",125,124)}}

-
-
Spécifications

-
-
- 
-  
-   
-   
-   
-  
- 
- 
-  
-   
-   
-   
-  
-  
-   
-   
-   
-  
- 
-
SpécificationStatutCommentaire
{{SpecName('Filters 1.0', '#feGaussianBlurElement', '<feGaussianBlur>')}}{{Spec2('Filters 1.0')}}Ajoute l'attribut {{SVGAttr("edgeMode")}}
{{SpecName('SVG1.1', 'filters.html#feGaussianBlurElement', '<feGaussianBlur>')}}{{Spec2('SVG1.1')}}Définition initiale

-
-
Compatibilité des navigateurs

-
-
{{Compat("svg.elements.feGaussianBlur")}}

-
-
Voir aussi

-
-
    
- 
  • {{SVGElement("filter")}}
    • 
- 
  • {{SVGElement("feBlend")}}
    • 
- 
  • {{SVGElement("feColorMatrix")}}
    • 
- 
  • {{SVGElement("feComponentTransfer")}}
    • 
- 
  • {{SVGElement("feComposite")}}
    • 
- 
  • {{SVGElement("feConvolveMatrix")}}
    • 
- 
  • {{SVGElement("feDiffuseLighting")}}
    • 
- 
  • {{SVGElement("feDisplacementMap")}}
    • 
- 
  • {{SVGElement("feFlood")}}
    • 
- 
  • {{SVGElement("feImage")}}
    • 
- 
  • {{SVGElement("feMerge")}}
    • 
- 
  • {{SVGElement("feMorphology")}}
    • 
- 
  • {{SVGElement("feOffset")}}
    • 
- 
  • {{SVGElement("feSpecularLighting")}}
    • 
- 
  • {{SVGElement("feTile")}}
    • 
- 
  • {{SVGElement("feTurbulence")}}
    • 
- 
  • Tutoriel SVG: Filtres
    • 
-

+ xmlns:xlink="http://www.w3.org/1999/xlink">
+
+  
+    
+    
+    
+        
+        
+    
+  
+
+  
+
+```
+
+#### Résultat
+
+{{EmbedLiveSample("Exemple_avec_une_ombre_portée",125,124)}}
+
+## Spécifications
+
+| Spécification                                                                                                        | Statut                           | Commentaire                                        |
+| -------------------------------------------------------------------------------------------------------------------- | -------------------------------- | -------------------------------------------------- |
+| {{SpecName('Filters 1.0', '#feGaussianBlurElement', '<feGaussianBlur>')}}             | {{Spec2('Filters 1.0')}} | Ajoute l'attribut {{SVGAttr("edgeMode")}} |
+| {{SpecName('SVG1.1', 'filters.html#feGaussianBlurElement', '<feGaussianBlur>')}} | {{Spec2('SVG1.1')}}         | Définition initiale                                |
+
+## Compatibilité des navigateurs
+
+{{Compat("svg.elements.feGaussianBlur")}}
+
+## Voir aussi
+
+- {{SVGElement("filter")}}
+- {{SVGElement("feBlend")}}
+- {{SVGElement("feColorMatrix")}}
+- {{SVGElement("feComponentTransfer")}}
+- {{SVGElement("feComposite")}}
+- {{SVGElement("feConvolveMatrix")}}
+- {{SVGElement("feDiffuseLighting")}}
+- {{SVGElement("feDisplacementMap")}}
+- {{SVGElement("feFlood")}}
+- {{SVGElement("feImage")}}
+- {{SVGElement("feMerge")}}
+- {{SVGElement("feMorphology")}}
+- {{SVGElement("feOffset")}}
+- {{SVGElement("feSpecularLighting")}}
+- {{SVGElement("feTile")}}
+- {{SVGElement("feTurbulence")}}
+- [Tutoriel SVG: Filtres](/fr/docs/Web/SVG/Tutorial/Filter_effects)
-- 
cgit v1.2.3-54-g00ecf