SVG stitchTiles Attribute

The stitchTiles attribute indicates the behavior of the Perlin Noise tiles at the border. Only <feTurbulence> primitive is using this attribute. The feTurbulence is one of the important filter primitive of SVG which helps in simulating natural textures like clouds or smokes and many more.

Syntax:

stitchTiles = stitch | noStitch

Attribute Values: The stitchTiles attribute accepts the values mentioned above and described below.

• stitch: It indicates that the user will automatically adjust the x and y values of the base frequency.
• noStitch: It indicates that no attempt is made to achieve smooth transitions at the border of tiles which contain a turbulence function.

Example 1: Below examples illustrate the use of stitchTiles attribute. SVG feTurbulence filter primitive is used to create own distortion effects. Here noStitch option is used for stitchTiles attribute.

Output:

Example 2:

Output: