SVG FETurbulenceElement.seed 属性介绍

SVG FETurbulenceElement.seed 属性用于设置 SVG 滤镜中的噪点种子。使用相同的噪点种子可以生成相同的噪点图案。

语法

<feTurbulence seed="number|auto" />

seed 属性可以使用一个数值或者 "auto"，其中 "auto" 表示使用随机的种子。

示例

设置 seed 属性为 123456：

<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  <filter id="turbulence">
    <feTurbulence type="turbulence" baseFrequency="0.01" numOctaves="5" seed="123456"/>
  </filter>
  <rect x="0" y="0" width="100" height="100" style="fill: #4d4d4d; filter: url(#turbulence)"/>
</svg>

设置 seed 属性为 "auto"：

<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  <filter id="turbulence">
    <feTurbulence type="turbulence" baseFrequency="0.01" numOctaves="5" seed="auto"/>
  </filter>
  <rect x="0" y="0" width="100" height="100" style="fill: #4d4d4d; filter: url(#turbulence)"/>
</svg>

注意事项

• seed 属性只在使用 "turbulence" 类型时生效；
• 如果未设置 seed 属性，默认使用 "auto"；
• 不同浏览器对于 seed 属性的支持存在差异，可以在 caniuse.com 查看具体的支持情况。

以上是 SVG FETurbulenceElement.seed 属性的介绍。