上一节我们讲的是线性渐变，本节我们来学习径向渐变。径向渐变可以理解为以某一点为圆心，颜色值沿半径方向进行渐变。

如何创建径向渐变

我们可以通过 元素创建一个 SVG 的径向渐变。径向渐变的使用其实和线性渐变差不多，也是嵌套在 元素中使用，在使用时需要定义一个唯一的 id 名称，然后通过 fill 属性引用。

示例：

定义一个径向渐变的圆：

在浏览器中的演示效果：

上述代码中在 元素中定义了一个id 属性，方便后面的引用。 内通过 元素定义了三个颜色， 元素中的三个属性在上一节中讲到过。

除此之外， 元素中的参数和 元素中的属性还是有一些不同，如下所示：

示例：

例如创建一个椭圆渐变：

在浏览器中的演示效果：

这个椭圆渐变中定义了五个颜色，然后通过 cx 和 cy 确定渐变中心点位置，fx 和 fy 确定渐变第一个颜色的结点的位置。

链接：https://www.9xkd.com/