Vachmi

The <feTurbulence> filter primitive is used to fill the rectangle with the new content. It allows you to produce the artificial textures for effects like marble, clouds.

Attributes

Attribute
Description
type
Indicates whether the filter primitive should perform a noise or turbulence function.
This attribute can take either "turbulence" or "fractalNoise" as it value. Turbulence appears the stringier and fractalNoise looks cloudier.
The default value of type is turbulence.
numOctaves
Defines the number of octaves for the noise function of the filter primitive.
seed
Represents the starting number for the pseudo random number generator of the filter primitive.
baseFrequency
represents the base frequency parameter for the noise function for the filter primitve
stitchTiles
Defines how the Perlin Noise tiles behave at the border

Here is the SVG code to draw this filter.

Image with feTurbulence filter and with default value for type (i.e. "turbulence")
<svg id='turbulence1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'>
 <filter id="turbulence-Ex1">
  <feTurbulence baseFrequency = "0.04" numOctaves = "1" seed="20"/>
 </filter>
 <rect x = "0" y = "0" width = "100%" height = "100%" filter="url(#turbulence-Ex1)" />
</svg>

Image with feTurbulence filter and with type="fractalNoise"
<svg id='turbulence2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'>
 <filter id="turbulence-Ex2">
  <feTurbulence baseFrequency = "0.1" numOctaves = "2" seed="10" type="fractalNoise"/>
 </filter>
 <rect x = "0" y = "0" width = "100%" height = "100%" filter="url(#turbulence-Ex2)" />
</svg>