ReadySetRaphael无法正确渲染SVG

时间:2012-06-13 10:13:47

标签: javascript svg raphael

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

如果我在Illustrator中打开SVG然后重新保存,我可以让它工作但是我失去了分组,Raphael绘制了各个路径并将组数组留空。我真的需要保留非洲大陆群体,因为我必须在大陆层面与地图互动。

我也使用了不同的raphael发生器,结果是一致的。有没有人有任何想法?

干杯

1 个答案:

答案 0 :(得分:0)

您似乎想要的是在< g>上应用变换。元素到子元素。 Inkscape可以帮助你做到这一点,同时保持我想的元素。

  1. 打开inkscape中的Continents.svg文件
  2. 打开菜单“文件>偏好设置”
  3. 在对话框中找到“转换”部分
  4. 检查“存储转换:”
  5. 下的“优化”
  6. 关闭对话框
  7. 保存文件
  8. 现在应该将变换应用于路径。