1

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

这行得通;

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

这没有;

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

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

此时所有相关元素都是静态的,我很确定这不是来自另一个功能的干扰。

4

1 回答 1

2

首先,为行提供唯一标识符:

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

现在使用 svg manager 的 change 功能:

svg.change(svg.getElementById('123'), { y1: 150 });
于 2012-06-18T15:04:57.233 回答