Raphael JS - 使用SVG文件

Question

我已经看过几个线程来解决这个问题，但没有什么可以解决我的问题。 我有一个带有地图和不同地区的SVG文件（ http://www.mediafire.com/?5pmyevdwbyrb51f ）。 我想做这样的事情： http ： //raphaeljs.com/australia.html 。

但问题是我如何转换文件，以便在脚本中工作？ 我如何获得这些坐标？ 我已经尝试了几个转换器等，但我必须吮吸这个'因为我无法让它工作。 也许有人可以帮忙吗？

Answer 1

如果您的意思是使用Raphael导入SVG文件以便您可以显示或操纵它，则目前不支持它。 但您可能需要检查扩展名raphael-svg-import或raphael-svg-import-classic 。

另请参阅Raphael中的SVG文件，它们可以使用吗？

Answer 2

看看代码：

http://raphaeljs.com/tiger.html

<script src="tiger.js">
// Load the file with the tiger mapping to a variable
     var tiger = [0,0,600,600,{type:"path",path:"M-122.304 84.285C-12...
</script>

<script>
 // run it
 window.onload = function () {
    var r = Raphael(tiger).translate(200, 200);
 };
</script>

Answer 3

除了mikefrey使用说唱歌手的答案之外 ，还有一个例子：

var paper = Raphael(0, 0, 160, 600);

var rappar = [...]; // here use the output from rappar

var graphic = paper.set();
rappar.forEach(function (item) {
  graphic.push(paper
    .path(item.path)
    .attr('fill', item.fill)
    .attr('stroke', item.stroke)
    // ...
  );
});
graphic.transform('s0.8,0.8,0,0');
// ...

使用Raphael v2.2.6和rappar v0.0.2。