stitchTiles

  • Revision slug: Web/SVG/Attribute/stitchTiles
  • Revision title: stitchTiles
  • Revision id: 447967
  • Created:
  • Creator: kscarfone
  • Is current revision? Yes
  • Comment Editorial review

Revision Content

« SVG Attribute reference home

The stitchTiles attribute defines how the Perlin tiles behave at the border.

If stitchTiles="noStitch", no attempt is made to achieve smooth transitions at the border of tiles which contain a turbulence function. Sometimes the result will show clear discontinuities at the tile borders.

If stitchTiles="stitch", then the browser will automatically adjust baseFrequency-x and baseFrequency-y values such that the {{SVGElement("feTurbulence")}} node's width and height (i.e., the width and height of the current subregion) contain an integral number of the Perlin tile width and height for the first octave.

Usage context

Categories None
Value noStitch | stitch
Animatable Yes
Normative document SVG 1.1 (2nd Edition)

Example

Elements

The following elements can use the stitchTiles attribute

  • {{ SVGElement("feTurbulence") }}

Revision Source

<p>« <a href="/en/SVG/Attribute" title="en/SVG/Attribute">SVG Attribute reference home</a></p>
<p>The <code>stitchTiles</code> attribute defines how the Perlin tiles behave at the border.</p>
<p>If <code>stitchTiles="noStitch"</code>, no attempt is made to achieve smooth transitions at the border of tiles which contain a turbulence function. Sometimes the result will show clear discontinuities at the tile borders.</p>
<p>If <code>stitchTiles="stitch"</code>, then the browser will automatically adjust baseFrequency-x and baseFrequency-y values such that the {{SVGElement("feTurbulence")}} node's width and height (i.e., the width and height of the current subregion) contain an integral number of the Perlin tile width and height for the first octave.</p>
<h2 id="Usage_context">Usage context</h2>
<table class="standard-table">
  <tbody>
    <tr>
      <th scope="row">Categories</th>
      <td><em>None</em></td>
    </tr>
    <tr>
      <th scope="row">Value</th>
      <td><strong><code>noStitch</code></strong> | <code>stitch</code></td>
    </tr>
    <tr>
      <th scope="row">Animatable</th>
      <td>Yes</td>
    </tr>
    <tr>
      <th scope="row">Normative document</th>
      <td><a href="http://www.w3.org/TR/SVG11/filters.html#feTurbulenceStitchTilesAttribute" rel="external" title="http://www.w3.org/TR/SVG11/filters.html#feTurbulenceStitchTilesAttribute">SVG 1.1 (2nd Edition)</a></td>
    </tr>
  </tbody>
</table>
<h2 id="Example">Example</h2>
<h2 id="Elements">Elements</h2>
<p>The following elements can use the <code>stitchTiles</code> attribute</p>
<ul>
  <li>{{ SVGElement("feTurbulence") }}</li>
</ul>
Revert to this revision