我已经看到了几个解决这个问题的线程,但没有任何一个真正解决了我的问题。我有一个带有地图和不同区域的 SVG 文件。我想做这样的事情: http://raphaeljs.com/australia.html.
但问题是我如何转换文件以便在脚本中工作?我如何获得这些坐标?我已经尝试了几种转换器等,但我一定很糟糕,因为我无法让它工作。也许有人可以帮忙?
如果您的意思是使用 Raphael 导入 SVG 文件以便显示或操作它,则当前不支持它。但您可能想检查扩展 raphael-svg-import 或 raphael-svg-import-classic。
另请参阅 Raphael中的SVG文件可以使用吗?
看代码:
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>
除了使用说唱歌手的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。