diff options
author | julieng <julien.gattelier@gmail.com> | 2021-11-01 07:51:45 +0100 |
---|---|---|
committer | SphinxKnight <SphinxKnight@users.noreply.github.com> | 2021-11-07 11:57:29 +0100 |
commit | 88dda3c00eefc18a29447e99ebd3177925602b52 (patch) | |
tree | a184ddfe3825b6f05cba6d7586ea05c9375558a0 /files/fr/web/svg/element/feflood | |
parent | 7040e4bc9c98e0c50ce903a5cbeeabeda2ed908a (diff) | |
download | translated-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/feflood')
-rw-r--r-- | files/fr/web/svg/element/feflood/index.md | 168 |
1 files changed, 87 insertions, 81 deletions
diff --git a/files/fr/web/svg/element/feflood/index.md b/files/fr/web/svg/element/feflood/index.md index b5f47f0e41..0a4e65aa08 100644 --- a/files/fr/web/svg/element/feflood/index.md +++ b/files/fr/web/svg/element/feflood/index.md @@ -6,103 +6,109 @@ tags: - SVG Filter translation_of: Web/SVG/Element/feFlood --- -<div>{{SVGRef}}</div> +{{SVGRef}} -<p>La primitive de filtre SVG <strong><code><feFlood></code></strong> remplit la région du filtre avec la couleur et l'opacité définies par {{SVGAttr("flood-color")}} et {{SVGAttr("flood-opacity")}}.</p> +La primitive de filtre SVG **`<feFlood>`** remplit la région du filtre avec la couleur et l'opacité définies par {{SVGAttr("flood-color")}} et {{SVGAttr("flood-opacity")}}. -<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 primitives 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 primitives 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("flood-color")}}</li> - <li>{{SVGAttr("flood-opacity")}}</li> -</ul> +- {{SVGAttr("flood-color")}} +- {{SVGAttr("flood-opacity")}} -<h2 id="Interface_DOM">Interface DOM</h2> +## Interface DOM -<p>Cet élément implémente l'interface {{domxref("SVGFEFloodElement")}}.</p> +Cet élément implémente l'interface {{domxref("SVGFEFloodElement")}}. -<h2 id="Exemple">Exemple</h2> +## Exemple -<pre class="brush: html"><svg xmlns="http://www.w3.org/2000/svg" width="200" height="200"> - <defs> - <filter id="floodFilter" filterUnits="userSpaceOnUse"> - <feFlood x="50" y="50" width="100" height="100" - flood-color="green" flood-opacity="0.5"/> - </filter> - </defs> +```html +<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200"> + <defs> + <filter id="floodFilter" filterUnits="userSpaceOnUse"> + <feFlood x="50" y="50" width="100" height="100" + flood-color="green" flood-opacity="0.5"/> + </filter> + </defs> - <use style="filter: url(#floodFilter);"/> -</svg></pre> + <use style="filter: url(#floodFilter);"/> +</svg> +``` -<p>{{EmbedLiveSample("Exemple", 200, 200)}}</p> +{{EmbedLiveSample("Exemple", 200, 200)}} -<h2 id="Spécifications">Spécifications</h2> +## Spécifications <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', '#feFloodElement', '<feFlood>')}}</td> - <td>{{Spec2('Filters 1.0')}}</td> - <td> - <p>Supprime la valeur <icccolor> de la propriété {{cssxref("flood-color")}} et définit que le canal alpha est multiplié par la valeur de la propriété {{cssxref("flood-opacity")}}. Clarifie la valeur de la propriété <code>flood-opacity</code>.</p> - </td> - </tr> - <tr> - <td>{{SpecName('SVG1.1', 'filters.html#feFloodElement', '<feFlood>')}}</td> - <td>{{Spec2('SVG1.1')}}</td> - <td>Définition initiale</td> - </tr> - </tbody> + <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', '#feFloodElement', '<feFlood>')}} + </td> + <td>{{Spec2('Filters 1.0')}}</td> + <td> + <p> + Supprime la valeur <icccolor> de la propriété + {{cssxref("flood-color")}} et définit que le canal alpha est + multiplié par la valeur de la propriété + {{cssxref("flood-opacity")}}. Clarifie la valeur de la + propriété <code>flood-opacity</code>. + </p> + </td> + </tr> + <tr> + <td> + {{SpecName('SVG1.1', 'filters.html#feFloodElement', '<feFlood>')}} + </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.feFlood")}}</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{SVGElement("filter")}}</li> - <li>{{SVGElement("animate")}}</li> - <li>{{SVGElement("animateColor")}}</li> - <li>{{SVGElement("set")}}</li> - <li>{{SVGElement("feBlend")}}</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("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: Les filtres</a></li> -</ul> +## Compatibilité des navigateurs + +{{Compat("svg.elements.feFlood")}} + +## Voir aussi + +- {{SVGElement("filter")}} +- {{SVGElement("animate")}} +- {{SVGElement("animateColor")}} +- {{SVGElement("set")}} +- {{SVGElement("feBlend")}} +- {{SVGElement("feColorMatrix")}} +- {{SVGElement("feComponentTransfer")}} +- {{SVGElement("feComposite")}} +- {{SVGElement("feConvolveMatrix")}} +- {{SVGElement("feDiffuseLighting")}} +- {{SVGElement("feDisplacementMap")}} +- {{SVGElement("feGaussianBlur")}} +- {{SVGElement("feImage")}} +- {{SVGElement("feMerge")}} +- {{SVGElement("feMorphology")}} +- {{SVGElement("feOffset")}} +- {{SVGElement("feSpecularLighting")}} +- {{SVGElement("feTile")}} +- {{SVGElement("feTurbulence")}} +- [Tutoriel SVG: Les filtres](/fr/docs/Web/SVG/Tutoriel/filtres) |