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/fetile/index.md | 157 +++++++++++++------------------ 1 file changed, 68 insertions(+), 89 deletions(-) (limited to 'files/fr/web/svg/element/fetile') diff --git a/files/fr/web/svg/element/fetile/index.md b/files/fr/web/svg/element/fetile/index.md index f4acbdf1c9..91e0f2b32b 100644 --- a/files/fr/web/svg/element/fetile/index.md +++ b/files/fr/web/svg/element/fetile/index.md @@ -7,107 +7,86 @@ tags: - SVG Filter translation_of: Web/SVG/Element/feTile --- -
{{SVGRef}}
+{{SVGRef}} -

La primitive de filtre SVG <feTile> permet de remplir un rectangle cible avec un motif en mosaïque qui répète une image en entrée. L'effet est similaire à ce que l'on obtient avec {{SVGElement("pattern")}}.

+La primitive de filtre [SVG](/fr/docs/Web/SVG) **``** permet de remplir un rectangle cible avec un motif en mosaïque qui répète une image en entrée. L'effet est similaire à ce que l'on obtient avec {{SVGElement("pattern")}}. -

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

Attributs spécifiques

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

Interface DOM

+## Interface DOM -

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

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

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="tile" x="0" y="0" width="100%" height="100%">
-      <feTile in="SourceGraphic" x="50" y="50"
-          width="100" height="100" />
-      <feTile/>
-    </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', '#feTileElement', '<feTile>')}}{{Spec2('Filters 1.0')}}Aucun changement
{{SpecName('SVG1.1', 'filters.html#feTileElement', '<feTile>')}}{{Spec2('SVG1.1')}}Définition initiale

-
-
Compatibilité des navigateurs

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

-
-
Voir aussi

-
-
    
- 
  • {{SVGElement("filter")}}
    • 
- 
  • {{SVGElement("animate")}}
    • 
- 
  • {{SVGElement("set")}}
    • 
- 
  • {{SVGElement("feBlend")}}
    • 
- 
  • {{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("feTurbulence")}}
    • 
- 
  • SVG tutorial: Filter effects
    • 
-

+      style="filter:url(#tile);"/>
+
+```
+
+### Résultat
+
+{{EmbedLiveSample("Exemple", 200, 200)}}
+
+## Spécifications
+
+| Spécification                                                                                | Statut                           | Commentaire         |
+| -------------------------------------------------------------------------------------------- | -------------------------------- | ------------------- |
+| {{SpecName('Filters 1.0', '#feTileElement', '<feTile>')}}         | {{Spec2('Filters 1.0')}} | Aucun changement    |
+| {{SpecName('SVG1.1', 'filters.html#feTileElement', '<feTile>')}} | {{Spec2('SVG1.1')}}         | Définition initiale |
+
+## Compatibilité des navigateurs
+
+{{Compat("svg.elements.feTile")}}
+
+## Voir aussi
+
+- {{SVGElement("filter")}}
+- {{SVGElement("animate")}}
+- {{SVGElement("set")}}
+- {{SVGElement("feBlend")}}
+- {{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("feTurbulence")}}
+- [SVG tutorial: Filter effects](/fr/docs/Web/SVG/Tutorial/Filter_effects)
-- 
cgit v1.2.3-54-g00ecf