为什么会是这个样子呢

同学你好，问题解答如下：

1、椭圆可能不好看出效果，可以换成圆来看看

黄色与红色的交界处默认为半径50%处，也就是r的值。如果r修改为20%，那么黄色与红色的交界就会在半径的20%处，如下

2、fx和fy是内层圆渐变的中心位置，默认内层圆中心在（50%，50%）的位置

如果修改了位置为（40%，40%），那么渐变中心点就会改变

可以看到纯黄色部分的位置改变了

3、cx和cy是外层圆渐变的中心位置，默认外层圆中心在（50%，50%）的位置

如果修改了位置为（40%，40%），那么渐变中心点就会改变

可以看到两个都修改了位置后的图片中，一个黄色圆心位置改变了，一个黄色圆心位置没有改变，这就是区别。

自己再理解下，祝学习愉快！

同学你好，问题解答如下：

1、radialGradient标签定义放射性渐变

2、stop标签定义渐变点，offset表示梯度值，0%是开始，100%是结束，stop-color是结束的颜色

如下实现的是黄色到红色放射性渐变

3、radialGradient标签中的属性

• （cx，cy）定义最外层圆的渐变位置

  

• （fx，fy）定义最内层圆的渐变位置

  

  图片fx和fy设置的是60%，同学代码中写的是90%，但是设置90%看不到黄色的渐变，在椭圆外。

• r为最外层和最内层圆的渐变半径

可以对照上面的解释看看代码效果，这里了解一下即可。

祝学习愉快！