aboutsummaryrefslogtreecommitdiff
path: root/files/fr/web/svg/element/feblend
diff options
context:
space:
mode:
authorjulieng <julien.gattelier@gmail.com>2021-11-01 07:51:45 +0100
committerSphinxKnight <SphinxKnight@users.noreply.github.com>2021-11-07 11:57:29 +0100
commit88dda3c00eefc18a29447e99ebd3177925602b52 (patch)
treea184ddfe3825b6f05cba6d7586ea05c9375558a0 /files/fr/web/svg/element/feblend
parent7040e4bc9c98e0c50ce903a5cbeeabeda2ed908a (diff)
downloadtranslated-content-88dda3c00eefc18a29447e99ebd3177925602b52.tar.gz
translated-content-88dda3c00eefc18a29447e99ebd3177925602b52.tar.bz2
translated-content-88dda3c00eefc18a29447e99ebd3177925602b52.zip
convert content to md
Diffstat (limited to 'files/fr/web/svg/element/feblend')
-rw-r--r--files/fr/web/svg/element/feblend/index.md161
1 files changed, 70 insertions, 91 deletions
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
---
-<div>{{SVGRef}}</div>
+{{SVGRef}}
-<p>La primitive de filtre <a href="/fr/docs/Web/SVG">SVG</a> <strong><code>&lt;feBlend&gt;</code></strong> 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")}}.</p>
+La primitive de filtre [SVG](/fr/docs/Web/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")}}.
-<h2 id="Contexte_d'utilisation">Contexte d'utilisation</h2>
+## Contexte d'utilisation
-<p>{{svginfo}}</p>
+{{svginfo}}
-<h2 id="Attributs">Attributs</h2>
+## Attributs
-<h3 id="Attributs_globaux">Attributs globaux</h3>
+### Attributs globaux
-<ul>
- <li><a href="/fr/docs/Web/SVG/Attribute#Attributs_de_base">Attributs de base</a></li>
- <li><a href="/fr/docs/Web/SVG/Attribute#Attributs_de_présentation">Attributs de présentation</a></li>
- <li><a href="/fr/docs/Web/SVG/Attribute#Attributs_de_primitives_de_filtre">Attributs de primitive de filtre</a></li>
- <li>{{SVGAttr("class")}}</li>
- <li>{{SVGAttr("style")}}</li>
-</ul>
+- [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")}}
-<h3 id="Attributs_spécifiques">Attributs spécifiques</h3>
+### Attributs spécifiques
-<ul>
- <li>{{SVGAttr("in")}}</li>
- <li>{{SVGAttr("in2")}}</li>
- <li>{{SVGAttr("mode")}}</li>
-</ul>
+- {{SVGAttr("in")}}
+- {{SVGAttr("in2")}}
+- {{SVGAttr("mode")}}
-<h2 id="Interface_DOM">Interface DOM</h2>
+## Interface DOM
-<p>Cet élément implémente l'interface {{domxref("SVGFEBlendElement")}}.</p>
+Cet élément implémente l'interface {{domxref("SVGFEBlendElement")}}.
-<h2 id="Exemple">Exemple</h2>
+## Exemple
-<h3 id="SVG">SVG</h3>
+### SVG
-<pre class="brush: html; highlight[5-6]">&lt;svg width="200" height="200" xmlns="http://www.w3.org/2000/svg"
- xmlns:xlink="http://www.w3.org/1999/xlink"&gt;
- &lt;defs&gt;
- &lt;filter id="spotlight"&gt;
- &lt;feFlood result="floodFill" x="0" y="0" width="100%" height="100%"
- flood-color="green" flood-opacity="1"/&gt;
- &lt;feBlend in="SourceGraphic" in2="floodFill" mode="multiply"/&gt;
- &lt;/filter&gt;
- &lt;/defs&gt;
+```html
+<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>
- &lt;image xlink:href="/files/6457/mdn_logo_only_color.png"
+ <image xlink:href="/files/6457/mdn_logo_only_color.png"
x="10%" y="10%" width="80%" height="80%"
- style="filter:url(#spotlight);"/&gt;
-&lt;/svg&gt;</pre>
-
-<h3 id="Résultat">Résultat</h3>
-
-<p>{{EmbedLiveSample("Exemple", 200, 200)}}</p>
-
-<h2 id="Spécifications">Spécifications</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Spécification</th>
- <th scope="col">Statut</th>
- <th scope="col">Commentaire</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName("Filters 1.0", "#feBlendElement", "&lt;feBlend&gt;")}}</td>
- <td>{{Spec2("Filters 1.0")}}</td>
- <td>Modes de fusion externalisés vers {{SpecName("Compositing", "#ltblendmodegt")}}</td>
- </tr>
- <tr>
- <td>{{SpecName("SVG1.1", "filters.html#feBlendElement", "&lt;feBlend&gt;")}}</td>
- <td>{{Spec2("SVG1.1")}}</td>
- <td>Définition initiale</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
-
-<p>{{Compat("svg.elements.feBlend")}}</p>
-
-<h2 id="Voir_aussi">Voir aussi</h2>
-
-<ul>
- <li>{{SVGElement("filter")}}</li>
- <li>{{SVGElement("animate")}}</li>
- <li>{{SVGElement("set")}}</li>
- <li>{{SVGElement("feColorMatrix")}}</li>
- <li>{{SVGElement("feComponentTransfer")}}</li>
- <li>{{SVGElement("feComposite")}}</li>
- <li>{{SVGElement("feConvolveMatrix")}}</li>
- <li>{{SVGElement("feDiffuseLighting")}}</li>
- <li>{{SVGElement("feDisplacementMap")}}</li>
- <li>{{SVGElement("feFlood")}}</li>
- <li>{{SVGElement("feGaussianBlur")}}</li>
- <li>{{SVGElement("feImage")}}</li>
- <li>{{SVGElement("feMerge")}}</li>
- <li>{{SVGElement("feMorphology")}}</li>
- <li>{{SVGElement("feOffset")}}</li>
- <li>{{SVGElement("feSpecularLighting")}}</li>
- <li>{{SVGElement("feTile")}}</li>
- <li>{{SVGElement("feTurbulence")}}</li>
- <li><a href="/fr/docs/Web/SVG/Tutoriel/filtres">Tutoriel SVG: Filtres</a></li>
-</ul>
+ style="filter:url(#spotlight);"/>
+</svg>
+```
+
+### Résultat
+
+{{EmbedLiveSample("Exemple", 200, 200)}}
+
+## Spécifications
+
+| Spécification | Statut | Commentaire |
+| ------------------------------------------------------------------------------------------------ | -------------------------------- | ---------------------------------------------------------------------------------------------- |
+| {{SpecName("Filters 1.0", "#feBlendElement", "&lt;feBlend&gt;")}} | {{Spec2("Filters 1.0")}} | Modes de fusion externalisés vers {{SpecName("Compositing", "#ltblendmodegt")}} |
+| {{SpecName("SVG1.1", "filters.html#feBlendElement", "&lt;feBlend&gt;")}} | {{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)