ReadySetRaphael 无法正确渲染 SVG

Question

我正在尝试运行 http://upload.wikimedia.org/wikipedia/commons/9/95/Continents.svg 到 readysetraphael.com，但我无法让它生成 SVG。它返回 div 的正确大小，但是当您检查元素时，它看起来好像路径正在从屏幕上绘制出来。

如果我在 Illustrator 中打开 SVG 并重新保存，我可以让它工作，但随后我失去了分组，Raphael 绘制了各个路径并将组数组留空。我真的需要保留大陆组，因为我必须在大陆级别与地图进行交互。

我也使用了不同的 raphael 生成器，结果是一致的。有人有什么想法吗？

干杯

Answer 1

您似乎想要的是将 元素上的转换应用于子元素。 Inkscape 可以帮助您做到这一点，同时保持我认为的元素不变。

1. 在 inkscape 中打开 Continents.svg 文件
2. 打开菜单“文件 > 首选项”
3. 在对话框中找到“转换”部分
4. 选中“商店转换”下的“优化”：
5. 关闭对话框
6. 保存文件

现在应该已经对路径应用了变换。