如何使用Raphael JS创建自动调整SVG路径?

如何使用Raphael JS创建自动调整SVG路径?,svg,raphael,Svg,Raphael,我不理解拉斐尔或SVG的工作方式 我想用SVG和Raphael创建一幅德国地图。我有每个行政区域的路径和创作作品,但结果有自己的大小 我的意思是,如果我告诉拉斐尔是300x300px,并添加一些路径,路径生成的对象会更大 代码: var paper = new Raphael(document.getElementById('svnInnerGroup'), 300, 300); paper.path('...'); 结果:我得到一个300x300像素的SVG图形(这很好),左上角是德国(这不

我不理解拉斐尔或SVG的工作方式

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

我的意思是,如果我告诉拉斐尔是300x300px,并添加一些路径,路径生成的对象会更大

代码:

var paper = new Raphael(document.getElementById('svnInnerGroup'), 300, 300);
paper.path('...');
结果:我得到一个300x300像素的SVG图形(这很好),左上角是德国(这不好)。我希望德国地图适合给定的大小

也许我不明白这个概念,我希望你能帮助我


谢谢

好吧,我发现我的错误了!此类SVG图形始终需要一个“viewbox”,它定义文档的开头和结尾。当我从任何文件复制任何路径时,我也需要复制并使用viewbox

以下是使用raphael设置viewbox的方法:

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

谢谢

是的,但结果不同。setViewBox方法允许对象显示在左侧。canvas.setAttribute方法将其置于中心位置。