如果使用js

Question

我尝试使用Javascript创建svg图像。它必须缩放到容器大小。我使用视口来定义图像大小，并尝试使用宽度/高度来缩放它。问题是，如果它是从js创建的，它就无法工作。 你可以在enter link description here

看到它

不知道为什么线条不能缩放图像

var svg = document.getElementsByTagName('svg')[0];
svg.setAttributeNS(null, 'width', 600);

Answer 1

SVG区分大小写，属性的正确名称是viewBox，而不是您编写的视图框。你真正想要的是......

svg.setAttribute('viewBox', viewbox);

使用setAttribute而不是setAttributeNS并将null作为第一个参数传递，就像我上面所做的那样可以节省一些输入。