Svg颜色渐变和阴影

文章目录

• 前言
• 一、svg渐变
• 二、svg阴影
• 总结

---

前言

Svg滤镜包括：

feBlend：与图像相结合的滤镜

feColorMatrix：用于彩色滤光片转换

feGaussianBlur：模糊滤镜

feMerge：多滤镜叠加滤镜

 <linearGradient>可用来定义 SVG 的线性渐变，主要是定义方向和颜色。

<radialGradient> 可用来定义 SVG 的径向渐变，主要是定义方向和颜色。

---

一、渐变 

  1.线性渐变

 <linearGradient>可用来定义 SVG 的线性渐变，主要是定义方向和颜色。

1. 当 y1 和 y2 相等，而 x1 和 x2 不同时，可创建水平渐变
2.   当 x1 和 x2 相等，而 y1 和 y2 不同时，可创建垂直渐变
3.   当 x1 和 x2 不同，且 y1 和 y2 不同时，可创建角形渐变