如何使用Raphael JS创建自动调整大小的SVG路径？

Question

我不明白Raphael或SVG的工作方式。

我想用SVG和Raphael创建德国地图。我有每个行政区域和创作的路径，但结果有自己的大小。

我的意思是，如果我告诉Raphael是300x300px并添加一些路径，路径生成的对象会更大。

代码：

var paper = new Raphael(document.getElementById('svnInnerGroup'), 300, 300);
paper.path('...');

结果：我得到一个300x300像素的SVG图形（这很好），德国的左上角（这不好）。我希望德国的地图符合给定的大小。

也许我不理解这个概念，希望你能帮助我。

谢谢！

Answer 1

好的，我发现了自己的错误！这种SVG图形总是需要一个“视图框”，它定义文档的开头和结尾。当我从任何文件复制任何路径时，我也需要复制并使用视图框。

这是你用raphael设置视图的方法：

paper.canvas.setAttribute("viewBox", "0 0 591 800");

谢谢！