如何通过“raphael-svg-import”加载和显示SVG数据？

Question

（使用Raphael_2.01，WindowsXP，Firefox12.0）

大家好，

我无法通过“raphael-svg-import”加载和显示SVG数据：（

我通过“Adobe FlashCS5”和“Adobe Wallaby”制作了SVG形状数据，并通过Inkscape-ver0.46进行了检查。

形状为蓝色渐变球。请参阅http://kie.nu/af2。

使用https://github.com/wout/raphael-svg-import的样本，我写了html和Raphael代码：

window.onload = function () {

    paper = Raphael(0, 0, 800, 600); 
    paper.importSVG(SVG_data);// <======================= (* **)
}

可以在http://pastebin.com/Dz1N8iiz或http://jsfiddle.net/crazytonyi/ucWUh/

查看svg代码

当我运行“raphael-svg-import”的示例代码（矩形上的紫色涂料）时，它成功了。但是使用上面的SVG数据，Firefox没有显示任何内容：（

我该怎么办？

感谢。
起重机@日本

Answer 1

我猜函数“importSVG（）”不能采用包含渐变参数的参数。

我检查了几个SVG代码。当它们具有路径和简单的绘制信息时，“importSVG（）”可以正常运行。 但其中一个包括颜色渐变参数，没有出现任何形状。

所以我认为当我们想要绘制渐变形状时，我们必须使用Raphael的渐变设置。

（例如：“r（0.25,0.75）#ffff-＃000”）