W3cubDocs

/SVG

seed

The seed attribute represents the starting number for the pseudo random number generator of the <feTurbulence> filter primitive.

You can use this attribute with the following SVG elements:

Example

Example 1

<svg viewBox="0 0 420 200" xmlns="http://www.w3.org/2000/svg">
  <filter id="noise1" x="0" y="0" width="100%" height="100%">
    <feTurbulence baseFrequency="0.025" seed="0" />
  </filter>
  <filter id="noise2" x="0" y="0" width="100%" height="100%">
    <feTurbulence baseFrequency="0.025" seed="100" />
  </filter>

  <rect x="0" y="0" width="200" height="200" style="filter:url(#noise1);" />
  <rect
    x="0"
    y="0"
    width="200"
    height="200"
    style="filter:url(#noise2); transform: translateX(220px);" />
</svg>

Example 2

<svg
  width="200"
  height="200"
  viewBox="0 0 220 220"
  xmlns="http://www.w3.org/2000/svg">
  <filter id="displacementFilter">
    <feTurbulence baseFrequency="0.05" seed="1000" result="turbulence" />
    <feDisplacementMap
      in2="turbulence"
      in="SourceGraphic"
      scale="50"
      xChannelSelector="R"
      yChannelSelector="G" />
  </filter>

  <circle cx="100" cy="100" r="100" style="filter: url(#displacementFilter)" />
</svg>

Usage notes

Value <number>
Default value 0
Animatable Yes

Specifications

Specification
Filter Effects Module Level 1
# element-attrdef-feturbulence-seed

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
seed Yes
12Partially supported, see bug 12382004.
 4
YesPartially supported, see bug 12382004.
 9 No Yes Yes Yes Yes No Yes

© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/seed