如何按"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);// <======================= (* **)
}

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

查看

当我运行"raphael-svg-import"（矩形上的紫色油漆）的示例代码时，它成功了。但是使用上面的SVG数据，Firefox没有显示任何:(

我该怎么办？

谢谢。
Crane@Japan

Answer 1

我猜函数"importSVG（）"不能接受包含渐变参数的参数。

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

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

（

例如："r（0.25， 0.75）#fff-#000"）