多个SVG径向梯度

Question

如何将多个SVG径向渐变放入SVG元素。我为此http://jsfiddle.net/4p9CK/创建的小提琴。

我尝试了以下选项，但没有成功。

 - <rect x="20" y="20" width="100" height="100" style="fill:
   url(#center_origin),url(#center_origin2); stroke: black;"/>

 - <rect x="20" y="20" width="100" height="100" style="fill:
   url(#center_origin, #center_origin2); stroke: black;"/>

Answer 1

没有。 SVG不支持一个元素上的多个绘制服务器（＆＃34;绘制服务器＆＃34;是渐变，模式等）。您需要使用多个元素并通过使用不透明度或滤镜来模拟所需的效果 - 或者通过几何分割您的形状。