计算图表上的交点

Question

我试图生成重复的SVG路径。要做到这一点，我在图表上绘制至少2个点来创建一条这样的线......

但是我想从下一个SVG的重复路径的最后一个点到下一个点绘制一条直线，为此，我需要找到当前图表结束的Y位置和下一步开始。

根据2个点的x和y坐标，如何计算y坐标（红色表示，在本例中应为40）

任何帮助都非常感谢！

Answer 1

假设图块大小为a x a，您可以从第一个图块的左下角构建一个协调系统。还假设第一行的结束是(x1,y1)，并且在这个新的协调系统中，第二行的开头是(a+x2,y2)。看下面的油漆杰作（：D）来理解我的意思。 好了，现在你可以写下这两点的公式：

y-y1=((y2-y1)/(a+x2-x1))(x-x1)

将x替换为a并解决y的公式将导致您需要的内容：

y=((y2-y1)/(a+x2-x1))(a-x1)+y1

<强>更新

根据您所代表的值，您可以通过替换x1=70, x2=20, y1=100, y2=0, a=100

来使用公式