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

Question

我想沿路径定位 svg 元素（例如椭圆），例如使用 d3.js线生成器生成的曲线和 B 样条插值。虽然使用 path.getPointAtLength() 可以轻松找到沿路径点的坐标，但我无法弄清楚如何找到线上任何点的切线。如果我能得到切线（或导数），我就可以相应地旋转元素，使它们看起来好像是沿着线定位的。

Answer 1

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