svg动画特效

1<defs>把所以需要再次使用和引入的元素定义在<defs>元素中，其中的图形元素不会直接呈现。可以在视图的任意地方利用 &lt;use&gt; 元素呈现这些元素。

2.<filter> 元素作用是作为原子滤镜操作的容器。它不能直接呈现。可以利用目标 SVG 元素上的 `filter` 属性引用一个滤镜。

3&lt;feOffset&gt; 将输入图像作为一个整体，通过属性 dx 和属性 dy 的值指定一个偏移量

4<feBlend&gt; 滤镜把两个对象组合在一起，使它们受特定的混合模式控制。类似于图像编辑软件中混合两个图层

feOffset和feBlend结合在一起可以创建阴影效果

5&lt;feGaussianBlur&gt; 滤镜可以对输入图像进行高斯模糊，并通过属性 stdDeviation 指定偏移的像素数量

6**&lt;linearGradient&gt;** 元素用来定义线性渐变，用于图形元素的填充或描边。

| x1   | 渐变开始的 x 轴位置。 |
| ---- | --------------------- |
| x2   | 渐变结束的 x 轴位置。 |
| y1   | 渐变开始的 y 轴位置。 |
| y2   | 渐变结束的 y 轴位置。 |

| offset       | 定义渐变开始/停止时的位置。             |
| ------------ | --------------------------------------- |
| stop-color   | 定义渐变开始/停止时使用的颜色。         |
| stop-opacity | 定义渐变开始/停止时指定颜色的不透明度。 |

渐变颜色的颜色坡度是使用<stop>定义的

7，