SVG FEDropShadow.stdDeviationY 属性介绍

SVG（Scalable Vector Graphics）是一种基于XML标记语言的矢量绘图格式，可以用来描述二维图形和图形应用程序。FE（Filter Effects）是SVG中滤镜效果的缩写，指的是SVG图像中应用于对象和图像的视觉效果。其中，FEDropShadow.stdDeviationY属性是指阴影效果的Y方向的标准偏差，用于控制阴影的模糊半径。

语法

FEDropShadow.stdDeviationY="number"

属性值

• number: 表示阴影效果在Y方向上的标准偏差的数值，表示阴影的模糊半径。必须大于等于0。

示例

<svg>
  <filter id="dropshadow">
    <feOffset dx="2" dy="2" />
    <feGaussianBlur stdDeviationX="2" stdDeviationY="2" />
    <feMerge>
      <feMergeNode />
      <feMergeNode in="SourceGraphic" />
    </feMerge>
  </filter>
  <rect x="10" y="10" width="100" height="100" filter="url(#dropshadow)" />
</svg>

在这个示例中，元素的stdDeviationX和stdDeviationY属性都被设置为2，表示阴影效果在水平和垂直方向上的模糊半径都是2像素。

注意事项

• FEDropShadow.stdDeviationY属性通常需要与FEDropShadow.stdDeviationX属性配合使用，来控制阴影效果的方向和大小。
• 如果FEDropShadow.stdDeviationY属性的值越大，阴影将会变得越模糊。
• 如果FEDropShadow.stdDeviationY属性的值为0，那么阴影将会是一个纯黑色的形状，没有模糊半径。