在Javascript/Jquery中如何在一定距离后获取svg中直线的坐标

// 获取直线的起点和终点坐标
var line = document.getElementById("line"); // 假设直线元素的id为"line"
var x1 = parseFloat(line.getAttribute("x1"));
var y1 = parseFloat(line.getAttribute("y1"));
var x2 = parseFloat(line.getAttribute("x2"));
var y2 = parseFloat(line.getAttribute("y2"));

// 计算直线的长度
var length = Math.sqrt(Math.pow((x2 - x1), 2) + Math.pow((y2 - y1), 2));

// 确定一定距离后的坐标
var distance = 10; // 假设距离为10
var newX = x1 + (distance / length) * (x2 - x1);
var newY = y1 + (distance / length) * (y2 - y1);

console.log("距离直线起点10个单位距离后的坐标为：(" + newX + ", " + newY + ")");