scale

**scale** 属性定义要用于 <feDisplacementMap> 滤镜基本图形的位移缩放因子。该值以 primitiveUnits 属性在 <filter> 元素上建立的坐标系表示。

您可以将此属性与以下 SVG 元素一起使用

示例

html
<svg viewBox="0 0 480 220" xmlns="http://www.w3.org/2000/svg">
  <filter id="displacementFilter" x="-20%" y="-20%" width="140%" height="140%">
    <feTurbulence
      type="turbulence"
      baseFrequency="0.05"
      numOctaves="2"
      result="turbulence" />
    <feDisplacementMap in2="turbulence" in="SourceGraphic" scale="5" />
  </filter>
  <filter id="displacementFilter2" x="-20%" y="-20%" width="140%" height="140%">
    <feTurbulence
      type="turbulence"
      baseFrequency="0.05"
      numOctaves="2"
      result="turbulence" />
    <feDisplacementMap in2="turbulence" in="SourceGraphic" scale="50" />
  </filter>

  <circle cx="100" cy="100" r="80" style="filter: url(#displacementFilter);""/>
  <circle cx="100" cy="100" r="80" style="filter: url(#displacementFilter2);
  transform: translateX(240px);""/>
</svg>

用法说明

值 <number>
默认值 无
可动画 是
<number>

此值定义位移的缩放因子。

当此属性的值为 0 时，此操作对源图像没有影响。

规范

规范
滤镜效果模块级别 1
# element-attrdef-fedisplacementmap-scale

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。