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/feblend/index.md | 161 +++++++++++++----------------- 1 file changed, 70 insertions(+), 91 deletions(-) (limited to 'files/fr/web/svg/element/feblend') diff --git a/files/fr/web/svg/element/feblend/index.md b/files/fr/web/svg/element/feblend/index.md index 4c179a67b5..04a65520ce 100644 --- a/files/fr/web/svg/element/feblend/index.md +++ b/files/fr/web/svg/element/feblend/index.md @@ -7,109 +7,88 @@ tags: - SVG Filter translation_of: Web/SVG/Element/feBlend --- -
{{SVGRef}}
+{{SVGRef}} -

La primitive de filtre SVG <feBlend> permet de combiner deux objets en utilisant un mode de fusion définit, un peu de la même manière que les logiciels de retouche d'image permettent de fusionner deux calques. Le mode à utiliser est définit par l'attribut {{SVGAttr("mode")}}.

+La primitive de filtre [SVG](/fr/docs/Web/SVG) **``** permet de combiner deux objets en utilisant un mode de fusion définit, un peu de la même manière que les logiciels de retouche d'image permettent de fusionner deux calques. Le mode à utiliser est définit par l'attribut {{SVGAttr("mode")}}. -

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 primitive de filtre](/fr/docs/Web/SVG/Attribute#Attributs_de_primitives_de_filtre) +- {{SVGAttr("class")}} +- {{SVGAttr("style")}} -

Attributs spécifiques

+### Attributs spécifiques - +- {{SVGAttr("in")}} +- {{SVGAttr("in2")}} +- {{SVGAttr("mode")}} -

Interface DOM

+## Interface DOM -

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

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

Exemple

+## Exemple -

SVG

+### SVG -
<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink">
-  <defs>
-    <filter id="spotlight">
-      <feFlood result="floodFill" x="0" y="0" width="100%" height="100%"
-          flood-color="green" flood-opacity="1"/>
-      <feBlend in="SourceGraphic" in2="floodFill" mode="multiply"/>
-    </filter>
-  </defs>
+```html
+
+  
+    
+      
+      
+    
+  
 
-  <image xlink:href="/files/6457/mdn_logo_only_color.png"
+  
-
-
Résultat

-
-
{{EmbedLiveSample("Exemple", 200, 200)}}

-
-
Spécifications

-
-
- 
-  
-   
-   
-   
-  
- 
- 
-  
-   
-   
-   
-  
-  
-   
-   
-   
-  
- 
-
SpécificationStatutCommentaire
{{SpecName("Filters 1.0", "#feBlendElement", "<feBlend>")}}{{Spec2("Filters 1.0")}}Modes de fusion externalisés vers {{SpecName("Compositing", "#ltblendmodegt")}}
{{SpecName("SVG1.1", "filters.html#feBlendElement", "<feBlend>")}}{{Spec2("SVG1.1")}}Définition initiale

-
-
Compatibilité des navigateurs

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

-
-
Voir aussi

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

+      style="filter:url(#spotlight);"/>
+
+```
+
+### Résultat
+
+{{EmbedLiveSample("Exemple", 200, 200)}}
+
+## Spécifications
+
+| Spécification                                                                                    | Statut                           | Commentaire                                                                                    |
+| ------------------------------------------------------------------------------------------------ | -------------------------------- | ---------------------------------------------------------------------------------------------- |
+| {{SpecName("Filters 1.0", "#feBlendElement", "<feBlend>")}}         | {{Spec2("Filters 1.0")}} | Modes de fusion externalisés vers {{SpecName("Compositing", "#ltblendmodegt")}} |
+| {{SpecName("SVG1.1", "filters.html#feBlendElement", "<feBlend>")}} | {{Spec2("SVG1.1")}}         | Définition initiale                                                                            |
+
+## Compatibilité des navigateurs
+
+{{Compat("svg.elements.feBlend")}}
+
+## Voir aussi
+
+- {{SVGElement("filter")}}
+- {{SVGElement("animate")}}
+- {{SVGElement("set")}}
+- {{SVGElement("feColorMatrix")}}
+- {{SVGElement("feComponentTransfer")}}
+- {{SVGElement("feComposite")}}
+- {{SVGElement("feConvolveMatrix")}}
+- {{SVGElement("feDiffuseLighting")}}
+- {{SVGElement("feDisplacementMap")}}
+- {{SVGElement("feFlood")}}
+- {{SVGElement("feGaussianBlur")}}
+- {{SVGElement("feImage")}}
+- {{SVGElement("feMerge")}}
+- {{SVGElement("feMorphology")}}
+- {{SVGElement("feOffset")}}
+- {{SVGElement("feSpecularLighting")}}
+- {{SVGElement("feTile")}}
+- {{SVGElement("feTurbulence")}}
+- [Tutoriel SVG: Filtres](/fr/docs/Web/SVG/Tutoriel/filtres)
-- 
cgit v1.2.3-54-g00ecf