在 d3.js 中查找路径的切线

Question

我想沿路径定位 svg 元素（例如椭圆），例如使用 d3.js line generator with B-spline interpolation 生成的曲线。虽然使用 path.getPointAtLength() 很容易找到沿路径的点的坐标，但我不知道如何找到线上任何点的切线。如果我能得到切线（或导数），我就可以相应地旋转元素，使它们看起来好像沿着直线定位。

Answer 1

在靠近的两个点调用 path.getPointAtLength()。微积分告诉我们不同之处在于该点的斜率/切线。