Javascript 长度为“l”且两行之间距离为“d”的svg行

我试着画长度为60的垂直线，彼此之间的距离为180

深度是a1=1和d=1的算术级数

尝试：

我得到的直线长度为60，距离为120。我怎样才能让他们保持180度的距离？

---

更一般地说，如何在距离d处绘制长度为l的直线？

要使直线笔划长度为60，空距离为180，一般情况下需要使增量180+60=240

---

你是怎么决定的？这里使用了什么算术或坐标几何的概念？我必须做更多像这样的线路和路径，所以如果我知道正确的概念学习会很好。我。。。有点困惑。如果课程持续45分钟，休息15分钟，那么下一节课将在第一节课一小时后开始。这是相同的概念。周期序列的周期是所有基本部分的总和。

`<svg viewBox="0 0 200 200" width="200" height="200">
    ${[1, 2, 3, 4, 5].map( function (depth) {
        function getY1 (depth) {
            return (depth * 180) 
        }   

        function getY2 (depth) {
            return (depth * 180) + 60
        }

        return `<line x1="100" y1="${getY1(depth)}" x2="100" y2="${getY2(depth)}" stroke="black" />`
    }).join('')
}
</svg>`

return (depth * 240) 
..
return (depth * 240) + 60