如何获取 getBezierPath 线的中心位置

要获取 `getBezierPath` 线的中心位置，您可以使用以下步骤： 1. 在 `Edge` 组件中，使用 `getBezierPath` 方法获取线的路径。例如： ```jsx import React from 'react'; import { Edge } from 'react-flow-renderer'; const MyEdge = ({ id, sourceX, sourceY, targetX, targetY }) => { const path = getBezierPath({ sourceX, sourceY, targetX, targetY }); return ( ); }; export default MyEdge; ``` 2. 使用 `path` 属性中的路径信息计算线的中心位置。具体来说，您可以使用 `d3-path` 库中的 `path.centroid()` 方法来计算贝塞尔曲线的中心点。例如： ```jsx import React, { useMemo } from 'react'; import { Edge } from 'react-flow-renderer'; import { path } from 'd3-path'; const MyEdge = ({ id, sourceX, sourceY, targetX, targetY }) => { const path = useMemo(() => getBezierPath({ sourceX, sourceY, targetX, targetY }), [sourceX, sourceY, targetX, targetY]); const [cx, cy] = useMemo(() => { const p = new Path2D(path); const c = path.centroid(p); return [c[0], c[1]]; }, [path]); return ( <> ); }; export default MyEdge; ``` 在这个例子中，我们使用 `useMemo` 钩子来缓存路径信息和中心点位置。然后，我们使用 `d3-path` 库中的 `path.centroid()` 方法计算贝塞尔曲线的中心点，并将其