feturbulence

<feTurbulence>SVG滤波器原始创建使用图像Perlin的湍流功能。它可以合成像云彩或大理石这样的人造纹理。生成的图像将填充整个滤镜原始分区。

用法上下文

属性

全局属性

• Core attributes

• Presentation attributes

• Filter primitive attributes

• class

• style

具体属性

• baseFrequency

• numOctaves

• seed

• stitchTiles

• type

DOM接口

这个元素实现了SVGFETurbulenceElement接口。

例

<svg width="200" height="200" viewBox="0 0 220 220"
     xmlns="http://www.w3.org/2000/svg">
  <filter id="displacementFilter">
    <feTurbulence type="turbulence" baseFrequency="0.05"
        numOctaves="2" 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>

​

产品规格

浏览器兼容性