The baseFrequency attribute represents the base frequency parameter for the noise function of the <feTurbulence> filter primitive.

Only one element is using this attribute: <feTurbulence>

<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" />
  <filter id="noise2" x="0" y="0" width="100%" height="100%">
    <feTurbulence baseFrequency="0.05" />

  <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);" />

Usage notes

Value <number-optional-number>
Default value 0
Animatable Yes

If two numbers are provided, the first one represents the base frequency in the horizontal direction and the second one the base frequency in the vertical direction. If one number is provided, then that value is used for both x and y.

Negative values are forbidden.


<svg width="200" height="200" viewBox="0 0 220 220"
  <filter id="displacementFilter">
    <feTurbulence type="turbulence" baseFrequency="0.05"
        numOctaves="2" result="turbulence"/>
    <feDisplacementMap in2="turbulence" in="SourceGraphic"
        scale="50" xChannelSelector="R" yChannelSelector="G"/>

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


Browser compatibilityUpdate compatibility data on GitHub

Chrome Edge Firefox Internet Explorer Opera Safari
baseFrequency Yes 12
Partially supported, see bug 12382004.
4 Yes
Partially supported, see bug 12382004.
9 ?
Android webview Chrome for Android Firefox for Android Opera for Android Safari on iOS Samsung Internet
baseFrequency Yes Yes Yes Yes ? Yes

© 2005–2020 Mozilla and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.