Javascript 如何正确定位箭头？

我最近已经能够让我的代码的主要部分工作，但现在我正在努力使它看起来漂亮。我需要在向量的末尾添加箭头，但是我遇到了位置和方向的问题。我想做的是让箭头的点在向量停止的地方。另一个问题是方向正确，因为当我使用输入框来改变椭圆时，向量会改变角度。下面是我的全部代码：

Index.html

CS 5890
直肠{
填充：#9f009f；
笔画宽度：0；
}
多段线{
行程：#00ff00；
填充：无；
笔画宽度：3；
}
线{
行程：#00ff00；
填充：无；
笔画宽度：3；
}
路径{
行程：#0000ff；
填充：#0000ff；
笔画宽度：0；
}
圈{
笔画宽度：0；
填充：#009900；
}
正文{
字号：18px；
}
偏心率：
为偏心率输入一个介于0和1之间的值

轮换率：
输入一个值以更改旋转速率

Hey Paankey56，我们无法在此处直接运行您的代码段，因为您有3个单独的代码段（未链接）。我试图将您的代码复制到JSFIDLE:中，但是您的路径计算有很多错误

错误：属性d：预期的数字，“M NaN NaN l 5 0 l…”。

因此SVG中没有显示任何内容。也许您可以在JSFIDLE或类似的工具上创建一个工作演示并共享，然后我/我们就可以帮助您完成所要求的任务了？（还有公式

rotationRateChanged（）

不存在？）嗨，Alex，我想我理解你关于路径错误的意思，但是程序在我使用的平台Webstorm上工作。另外，当我点击你的JSFIDLE链接时，程序正在运行，所以我不知道你想让我做什么。另外，我知道rotationRateChange（）不存在，我还在处理这个部分。