使用jQuery正确更改SVG行坐标

时间:2012-06-07 14:40:43

标签: javascript jquery svg attr jquery-svg

我正在尝试更改SVG行的一个Y坐标,我正在使用jQuery和SVG插件+动画插件。我以前一直在动画线条,但这里的功能需要简单地改变位置,

这有效;

$(strings[i]).animate({ 
   svgY1 : 150
}, 0);

这不;

$(strings[i]).attr( 
   'svgY1', '150'
);

我可以看到不应该在这里使用动画,但我不知道为什么attr或css在这种情况下不起作用?我认为问题是svgY1不是识别那个坐标的正确方法,但是我被卡住了。

此时所有相关元素都是静态的,我很确定它不会受到其他函数的干扰。

1 个答案:

答案 0 :(得分:2)

首先,给行唯一标识符:

svg.line(g, 450, 120, 550, 20, {strokeWidth: 5, id: '123'});

现在使用svg manager的更改功能:

svg.change(svg.getElementById('123'), { y1: 150 });