Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
通过JavaScript设置SVG对象维度_Javascript_Svg - Fatal编程技术网

通过JavaScript设置SVG对象维度

通过JavaScript设置SVG对象维度,javascript,svg,Javascript,Svg,一个非常基本的SVG/JavaScript问题:如何通过JavaScript设置SVG对象(多边形、路径、椭圆等)的宽度和高度 这是我使用ActionScript多年后的第一个交互式SVG。我只是想动态设置条形图中条形的高度。我在这个项目中已经找到了很多方法,使用以下行人代码设置各种对象的填充颜色和可见性: targetbar=document.getElementById("rep"+loopcount); targetbar.setAttribute("visibility", "visib

一个非常基本的SVG/JavaScript问题:如何通过JavaScript设置SVG对象(多边形、路径、椭圆等)的宽度和高度

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

targetbar=document.getElementById("rep"+loopcount);
targetbar.setAttribute("visibility", "visible");
但是在
setAttribute
命令中插入
height
和一个数字不起作用,我从网上找到的各种代码片段中复制的任何东西也没有


考虑到我会尽可能简单地保留第一个项目,我没有使用任何外部库。至少目前我正在寻找一种不涉及JQuery、Raphael、D3等的解决方案。

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


您可以通过在形状上设置变换属性来缩放形状,该属性将按比例调整宽度和高度,例如transform=“scale(1.1,0.9)”将使任何形状比正常形状略宽、略低。

谢谢,Robert。我已经看过transform命令,但它似乎是属于svgxml而不是JavaScript的代码。当用户与SVG交互时,我需要将这些条的大小调整到不同的高度,我不知道在XML中会如何工作。在ActionScript中,这看起来像:函数updateBron(Release){play();}我不知道“不在JavaScript中”是什么意思。如果您需要的话,JavaScript可以更改DOM来设置/编辑/删除转换。只要适当地调用setAttribute或removeAttribute即可。抱歉,我过早地发布了该评论,但我认为您已经得到了答案。我一直将所有实际上在XML之外做任何事情的代码都保存在一个部分中,并用“onmouseover”等来调用它,因此我不确定如何处理看起来像是XML一部分的代码。但根据您上次的评论,我进行了一些搜索,发现了以下内容: