SVG 元素

SVG（Scalable Vector Graphics）是一种基于XML的标记语言，用于描述二维矢量图形。SVG中的元素可用于添加阴影效果到图像或其他SVG元素中。

语法

属性

元素有以下属性：

• dx：x轴偏移量
• dy：y轴偏移量
• stdDeviation：标准差，控制阴影模糊程度
• flood-color：阴影颜色
• flood-opacity：阴影透明度

示例

下面的示例演示了如何使用元素创建阴影效果。

<svg viewBox="0 0 100 100">
  <defs>
    <filter id="shadow">
      <feDropShadow dx="2" dy="2" stdDeviation="2"/>
    </filter>
  </defs>
  
  <rect x="10" y="10" width="80" height="80" fill="#007FFF" filter="url(#shadow)"/>
</svg>

效果如下图所示：

注意事项

元素只能作为SVG滤镜使用，因此必须放在元素中并通过filter属性应用于目标元素。此外，元素只适用于支持SVG滤镜的浏览器。