SVG FETurbulenceElement.type 属性介绍

SVG FETurbulenceElement.type属性表示SVG噪波图案的类型。这是一个只读属性，它有一个枚举值，可以是以下任意一个:

• SVG_TURBULENCE_TYPE_UNKNOWN（0）
• SVG_TURBULENCE_TYPE_FRACTAL_NOISE（1）
• SVG_TURBULENCE_TYPE_TURBULENCE（2）

FETurbulence元素用于创建固定的SVG噪声图案。它可以产生各种不同类型的噪波效果，包括木纹、云彩和石头纹理等。

使用示例

以下示例演示如何创建使用SVG FETurbulenceElement.type属性的噪波图案：

<svg xmlns="http://www.w3.org/2000/svg" width="300" height="300">
  <defs>
    <filter id="noise">
      <feTurbulence type="fractalNoise" baseFrequency="0.1" numOctaves="2" result="turbulence" />
      <feColorMatrix type="saturate" in="turbulence" values="0" result="saturate" />
    </filter>
  </defs>
  <rect x="30" y="30" width="240" height="240" filter="url(#noise)" />
</svg>

在上面的示例中，我们创建了一个滤镜，其中type属性被设置为“fractalNoise”，它产生了一种基于重复图案的噪点效果。

属性值说明

• SVG_TURBULENCE_TYPE_UNKNOWN: 默认值。它表示SVG FETurbulence的类型未知。
• SVG_TURBULENCE_TYPE_FRACTAL_NOISE: 表示SVG FETurbulence是基于重复图案的噪点效果。
• SVG_TURBULENCE_TYPE_TURBULENCE: 表示SVG FETurbulence是一个普通的噪点效果。

总结

SVG FETurbulenceElement.type属性用于创建各种滤镜、纹理和噪点效果。我们可以通过设置不同的type值，来实现不同的效果。但需要注意，这个属性是只读的。