Question

一个非常基本的SVG / JavaScript问题：如何通过JavaScript设置SVG对象（多边形，路径，椭圆等）的宽度和高度？

这是我在ActionScript工作多年后的第一个交互式SVG。我只是想动态设置条形图中的条形高度。我已经在这个项目中设置了很多方法，用行人代码设置填充颜色和各种对象的可见性，如下所示：

targetbar=document.getElementById("rep"+loopcount);
targetbar.setAttribute("visibility", "visible");

但是将height和一个数字插入setAttribute命令不起作用，也没有其他任何我从网上找到的各种代码段中复制的内容。

认为我将第一个项目保持为普通的项目，我没有使用任何外部库。至少现在我正在寻找一个不涉及JQuery，Raphael，D3等的解决方案。

Answer 1

SVG中的大多数元素都没有高度和宽度属性。多边形具有顶点坐标集，路径具有各种路径对象的坐标，椭圆具有半长轴和半短轴半径。

您可以通过在其上设置变换属性来缩放形状，该属性将按比例调整宽度和高度，例如： transform =“scale（1.1,0.9）”会使任何形状稍微宽一些，而不是通常的高度。