![\"Travis](\"https://img.shields.io/travis/com/DataV-Team/bezierCurve.svg\")
\n \n \n ![\"LICENSE\"](\"https://img.shields.io/github/license/DataV-Team/beziercurve.svg\")
\n \n \n ![\"NPM\"](\"https://img.shields.io/npm/v/@jiaminghi/bezier-curve.svg\")
\n \n\n ![](\"./exampleImgs/bezierCurve.png\")
\n
bezierCurve in SVG
\n\n#### bezierCurveToPolyline\n\n```typescript\n/**\n * @description 将贝塞尔曲线转换为折线\n * @param {BezierCurve} bezierCurve 贝塞尔曲线\n * @param {number} precision 需要的计算精度\n * @param {number} recursiveCount 迭代次数\n * @return {Point[]} 转换的折线\n */\ntype bezierCurveToPolyline = (\n bezierCurve: BezierCurve,\n precision = 5,\n resursiveCount = 0\n) => Point[]\n\nconst polyline = bezierCurveToPolyline(bezierCurve)\n// polyline = [\n// [[20,20],\n// [25.998752507628243,20.11632023466343],[31.698106846035834,20.457189096242345],\n// [37.11424670004552,21.010468821119716],[42.263355754480024,21.764021645678454],\n// ...]\n```\n\n\n ![](\"./exampleImgs/bezierCurveToPolyline.png\")
\n
polyline in SVG
\n\n#### Notice\n\n- *bezierCurveToPolyline*的计算结果是由 N 个点构成的折线，N 取决于设置的精度。\n- 理想情况下，计算结果中相邻的两个点的距离等于设置的精度（单位 px）。\n- 建议精度 5-10。\n- 设置的精度通常是达不到的，除非设置较高的迭代次数，计算成本较高。\n\n#### getBezierCurveLength\n\n```typescript\n/**\n * @description 计算贝塞尔曲线的长度\n * @param {BezierCurve} bezierCurve 贝塞尔曲线\n * @param {number} precision 需要的计算精度\n * @param {number} recursiveCount 迭代次数\n * @return {number} 转换的折线\n */\ntype getBezierCurveLength = (bezierCurve: BezierCurve, precision = 5, resursiveCount = 0) => Point[]\n\n// 通常情况下，默认精度已经能够达到较好的视觉效果。\nconst length = getBezierCurveLength(bezierCurve)\n```\n\n#### polyline\n\n```typescript\nconst polyline: Point[] = [\n [20, 70],\n [50, 30],\n [100, 70],\n [150, 30],\n [180, 70],\n]\n```\n\n\n ![](\"./exampleImgs/polyline.png\")
\n
polyline in SVG
\n\n#### polylineToBezierCurve\n\n```typescript\n/**\n * @description 将折线转换为贝塞尔曲线\n * @param {Point[]} polyline 折线\n * @param {boolean} close 转换的贝塞尔曲线是否需要闭合\n * @param {number} offsetA 光滑程度\n * @param {number} offsetB 光滑程度\n * @return {BezierCurve} 转换的贝塞尔曲线\n */\ntype polylineToBezierCurve = (\n polyline: Point[],\n close = false,\n offsetA = 0.25,\n offsetB = 0.25\n) => BezierCurve\n\nconst bezierCurve = polylineToBezierCurve(polyline)\n// bezierCurve = [\n// [\n// \t[20,70],\n// \t[[27.5,60],[30,30],[50,30]],\n// \t[[70,30],[75,70],[100,70]],\n// \t[[125,70],[130,30],[150,30]],\n// \t[[170,30],[172.5,60],[180,70]]]\n//]\n\nconst closedBezierCurve = polylineToBezierCurve(polyline, true)\n// closedBezerCurve = [\n// \t[20,70],\n// \t[[-12.5,60],[30,30],[50,30]],\n// \t[[70,30],[75,70],[100,70]],\n// \t[[125,70],[130,30],[150,30]],\n// \t[[170,30],[212.5,60],[180,70]],\n// \t[[147.5,80],[52.5,80],[20,70]]\n// ]\n```\n\n\n ![](\"./exampleImgs/polylineToBezierCurve.png\")
\n
bezierCurve in SVG
\n\n\n ![](\"./exampleImgs/polylineToClosedBezierCurve.png\")
\n
closedBezierCurve in SVG
","users":{}}