使用 jQuery 正确更改 SVG 线坐标

Correctly change SVG line coordinate using jQuery

本文关键字：SVG 坐标 jQuery 使用      更新时间：2023-09-26

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

这行得通;

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

这没有;

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

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

在这一点上，所有相关元素都是静态的，我很确定这不是来自另一个函数的干扰。

首先，为这些行提供唯一标识符：

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

现在使用 svg 管理器的更改功能：

svg.change(svg.getElementById('123'), { y1: 150 });
相关文章：