<feTile>
Baseline
Widely available
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.
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
Attributs
Attributs globaux
Attributs spécifiques
Interface DOM
Cet élément implémente l'interface SVGFETileElement.
Exemple
SVG
html
<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
| Specification |
|---|
| Filter Effects Module Level 1 # feTileElement |
Compatibilité des navigateurs
Chargement…