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 <pattern>
.
Contexte d'utilisation
Catégories | Élément de filtre |
---|---|
Contenu autorisé | Tout élément de cette liste, quel qu'en soit l'ordre:<animate> , <set> |
Attributs
Attributs globaux
Attributs spécifiques
Interface DOM
Cet élément implémente l'interface SVGFETileElement
.
Exemple
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> <image xlink:href="/files/6457/mdn_logo_only_color.png" x="10%" y="10%" width="80%" height="80%" style="filter:url(#tile);"/> </svg>
Résultat
Spécifications
Spécification | Statut | Commentaire |
---|---|---|
Filter Effects Module Level 1 La définition de '<feTile>' dans cette spécification. |
Version de travail | Aucun changement |
Scalable Vector Graphics (SVG) 1.1 (Second Edition) La définition de '<feTile>' dans cette spécification. |
Recommendation | Définition initiale |
Compatibilité des navigateurs
Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à envoyer une pull request sur https://github.com/mdn/browser-compat-data.
Update compatibility data on GitHub
Ordinateur | Mobile | ||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Support simple | Chrome Support complet Oui | Edge Support complet Oui | Firefox Support complet 4 | IE Support complet Oui | Opera Support complet 9 | Safari ? | WebView Android ? | Chrome Android Support complet Oui | Edge Mobile Support complet Oui | Firefox Android Support complet Oui | Opera Android ? | Safari iOS ? | Samsung Internet Android ? |
in | Chrome Support complet Oui | Edge Support complet Oui | Firefox Support complet 4 | IE Support complet Oui | Opera Support complet 9 | Safari ? | WebView Android ? | Chrome Android Support complet Oui | Edge Mobile Support complet Oui | Firefox Android Support complet Oui | Opera Android ? | Safari iOS ? | Samsung Internet Android ? |
Légende
- Support complet
- Support complet
- Compatibilité inconnue
- Compatibilité inconnue