SVG 元素介绍

SVG 元素用于对图像进行高斯模糊处理，可以用于创建柔和的阴影、等高线勾勒等效果。

属性

元素有以下属性：

• stdDeviation：定义高斯模糊的半径，可以设置一个或两个值，格式为"X Y"，默认值为"0"，取值范围为非负数。
• in：定义输入节点，通常为某一个节点的输出结果，用来作为高斯模糊的输入。
• result：定义输出节点，通常为元素的结果，用来作为高斯模糊的输出。

使用示例

以下是一个使用元素进行高斯模糊的示例代码：

<svg width="200" height="200">
  <defs>
    <filter id="blur">
      <feGaussianBlur stdDeviation="5"/>
    </filter>
  </defs>
  <rect x="50" y="50" width="100" height="100" fill="blue" filter="url(#blur)"/>
</svg>

这段代码创建了一个宽为200、高为200的SVG图像，其中定义了一个id为"blur"的元素，其中包含一个元素，stdDeviation值为5，表示对输入图像进行半径为5的高斯模糊处理。然后，在图像中画了一个宽为100、高为100的蓝色正方形，该正方形的filter属性指向了"blur"，表示对该正方形进行高斯模糊处理，并输出到图像中。

注意事项

• 元素不支持CSS样式。
• stdDeviation值越大，模糊程度越高，但也会使图像过于模糊，需要根据具体情况进行调整。