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/feimage/index.md | 181 +++++++++++++----------------- 1 file changed, 80 insertions(+), 101 deletions(-) (limited to 'files/fr/web/svg/element/feimage') diff --git a/files/fr/web/svg/element/feimage/index.md b/files/fr/web/svg/element/feimage/index.md index 2996a0c915..f6c00eac7e 100644 --- a/files/fr/web/svg/element/feimage/index.md +++ b/files/fr/web/svg/element/feimage/index.md @@ -6,104 +6,83 @@ tags: - SVG Filter translation_of: Web/SVG/Element/feImage --- -
{{SVGRef}}
- -

La primitive de filtre SVG <feImage> extrait les données d'une image d'une source externe et retourne les pixels récupérés en sortie (autrement dit, si l'image récupérée est une image SVG, elle sortira comme raster)

- -

Contexte d'utilisation

- -

{{svginfo}}

- -

Attributs

- -

Attributs globaux

- - - -

Attributs spécifiques

- - - -

Interface DOM

- -

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

- -

Exemple

- -
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink">
-  <defs>
-    <filter id="image">
-      <feImage xlink:href="/files/6457/mdn_logo_only_color.png"/>
-    </filter>
-  </defs>
-
-  <rect x="10%" y="10%" width="80%" height="80%"
-      style="filter:url(#image);"/>
-</svg>
- -

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

- -

Spécifications

- - - - - - - - - - - - - - - - - - - - - -
SpécificationStatutCommentaire
{{SpecName("Filters 1.0", "#feImageElement", "<feImage>")}}{{Spec2("Filters 1.0")}}Ajoute l'attribut {{SVGAttr("href")}} et déprécie {{SVGAttr("xlink:href")}}. Ajoute l'attribut {{SVGAttr("crossorigin")}}.
{{SpecName("SVG1.1", "filters.html#feImageElement", "<feImage>")}}{{Spec2("SVG1.1")}}Définition initiale
- -

Compatibilité des navigateurs

- -

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

- -

Voir aussi

- - +{{SVGRef}} + +La primitive de filtre [SVG](/fr/docs/Web/SVG) **``** extrait les données d'une image d'une source externe et retourne les pixels récupérés en sortie (autrement dit, si l'image récupérée est une image SVG, elle sortira comme raster) + +## Contexte d'utilisation + +{{svginfo}} + +## Attributs + +### Attributs globaux + +- [Attributs de base](/fr/docs/Web/SVG/Attribute#Attributs_de_base) +- [Attributs de présentation](/fr/docs/Web/SVG/Attribute#Attributs_de_base) +- [Attributs de primitives de filtre](/fr/docs/Web/SVG/Attribute#Attributs_de_primitives_de_filtre) +- [Attributs XLink](/fr/docs/Web/SVG/Attribute#Attributs_de_primitives_de_filtre) +- {{SVGAttr("class")}} +- {{SVGAttr("style")}} +- {{SVGAttr("externalResourcesRequired")}} + +### Attributs spécifiques + +- {{SVGAttr("preserveAspectRatio")}} +- {{SVGAttr("xlink:href")}} + +## Interface DOM + +Cet élément implémente l'interface {{domxref("SVGFEImageElement")}}. + +## Exemple + +```html + + + + + + + + + +``` + +{{EmbedLiveSample("Exemple", 200, 200)}} + +## Spécifications + +| Spécification | Statut | Commentaire | +| ------------------------------------------------------------------------------------------------ | -------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------ | +| {{SpecName("Filters 1.0", "#feImageElement", "<feImage>")}} | {{Spec2("Filters 1.0")}} | Ajoute l'attribut {{SVGAttr("href")}} et déprécie {{SVGAttr("xlink:href")}}. Ajoute l'attribut {{SVGAttr("crossorigin")}}. | +| {{SpecName("SVG1.1", "filters.html#feImageElement", "<feImage>")}} | {{Spec2("SVG1.1")}} | Définition initiale | + +## Compatibilité des navigateurs + +{{Compat("svg.elements.feImage")}} + +## Voir aussi + +- {{SVGElement("filter")}} +- {{SVGElement("animate")}} +- {{SVGElement("animateTransform")}} +- {{SVGElement("set")}} +- {{SVGElement("feBlend")}} +- {{SVGElement("feColorMatrix")}} +- {{SVGElement("feComponentTransfer")}} +- {{SVGElement("feComposite")}} +- {{SVGElement("feConvolveMatrix")}} +- {{SVGElement("feDiffuseLighting")}} +- {{SVGElement("feDisplacementMap")}} +- {{SVGElement("feFlood")}} +- {{SVGElement("feGaussianBlur")}} +- {{SVGElement("feMerge")}} +- {{SVGElement("feMorphology")}} +- {{SVGElement("feOffset")}} +- {{SVGElement("feSpecularLighting")}} +- {{SVGElement("feTile")}} +- {{SVGElement("feTurbulence")}} +- [Tutoriel SVG: Les filtres](/fr/docs/Web/SVG/Tutoriel/filtres) -- cgit v1.2.3-54-g00ecf