为什么这个SVG椭圆不是梯度？

Question

以下SVG应显示具有从蓝色到绿色的渐变的椭圆。但它全是绿色的。为什么呢？

＆＃13;

＆＃13;

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:jfreesvg="http://www.jfree.org/jfreesvg/svg" width="2.0in" height="2.0in" text-rendering="auto" shape-rendering="auto" viewBox="0 0 1828800 1828800">
	<defs>
		<linearGradient id="783907957477109gp0" x1="0" y1="0" x2="0" y2="152400" gradientUnits="userSpaceOnUse">
			<stop offset="0%" stop-color="rgb(0,0,255)"/>
			<stop offset="100%" stop-color="rgb(0,255,0)"/>
		</linearGradient>
	</defs>
	<ellipse cx="228600" cy="304800" rx="76200" ry="152400" style="fill: url(#783907957477109gp0); fill-opacity: 1.0" transform="matrix(1,0,0,1,0,0)"/>
</svg>

＆＃13;

＆＃13;

＆＃13;

Answer 1

• 渐变在y方向从0到152400，大于y = 152400的任何一个都将以最后一个停止颜色绘制。

• 椭圆y中心为304800，因此其最低点为304800 - 152400 = 152400，这是渐变终点。