javascript - ReadySetRaphael 无法正确呈现 SVG

Question

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

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

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

干杯

Answer 1

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

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

转换现在应该已经应用于路径。