<feTile>

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

We’d love to hear your thoughts on the next set of proposals for the JavaScript language. You can find a description of the proposals here.

Please take two minutes to fill out our short survey.

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 primitive de filtre
Contenu autorisé	Tout élément de cette liste, quel qu'en soit l'ordre : `<animate>`, `<discard>`, `<set>`

Attributs

Attributs globaux

Attributs spécifiques

in

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