如何在给定步长的情况下从D3 SVG bezier曲线中获取点？

// 导入D3.js库
import * as d3 from 'd3';

// 创建SVG画布
const svg = d3.select('body')
  .append('svg')
  .attr('width', 500)
  .attr('height', 500);

// 创建路径对象
const path = d3.path();

// 移动到曲线的起始点
path.moveTo(100, 100);

// 添加贝塞尔曲线的控制点和结束点
path.bezierCurveTo(150, 200, 250, 50, 300, 100);

// 获取曲线的总长度
const totalLength = path.getTotalLength();

// 定义步长
const step = 10;

// 存储点的坐标
const points = [];

// 循环获取每个步长处的点的坐标
for (let i = 0; i <= totalLength; i += step) {
  const point = path.getPointAtLength(i);
  points.push(point);
}

// 在SVG画布上绘制点
svg.selectAll('circle')
  .data(points)
  .enter()
  .append('circle')
  .attr('cx', d => d.x)
  .attr('cy', d => d.y)
  .attr('r', 3)
  .attr('fill', 'red');