SVG <feTurbulence> 滤镜

<feTurbulence> 元素用于使用新内容填充矩形。它允许您生成用于大理石、云等效果的人工纹理。

它有五个特定属性

• type
• numOctaves
• seed
• baseFrequency
• stitchTiles.

type

<feTurbulence> 元素具有两种类型的值：turbulence 和 fractalNoise。 Turbulence 看起来更细长，而 fractalNoise 看起来更像云。 type 的默认值为 turbulence。

示例

numOctaves

它是生成最终结果时应该加在一起的噪声函数的数量。

其默认值为一。这个数字越大，显示的纹理就越精细。

示例

seed

<feTurbulence> 接受一个种子值，该值允许从一个实例到另一个实例生成相同特征的不同场景。

其默认值为零。

示例

baseFrequency

baseFrequency 用于控制噪声的比例或频率。 baseFrequency 的值必须大于零且应小于一。

此属性有两个数字。第一个数字显示 x 方向的频率，第二个数字显示 y 方向的频率。

示例