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

Question

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

Answer 1

在两个靠近的地方调用path.getPointAtLength（）。微积分告诉我们，差异是该点的斜率/正切。