curve-arrow

用纯 TypeScript 生成 SVG <path> 的 d 字符串：沿三次 Bézier 加宽的箭柄 + 三角箭头头部，闭合路径。零运行时依赖。

buildCurvedArrowPathD 用法说明

import { buildCurvedArrowPathD } from 'curve-arrow'

const d = buildCurvedArrowPathD({ x: 100, y: 200 }, { x: 400, y: 300 })
// <path d={d} fill="currentColor" />

参数	面板文案	范围
bendStrength	弯曲	0～10
bendArch	朝向（向上 / 向下）	'up' / 'down'
handleScaleX	X 轴缩放	0.2～1.5
handleScaleY	Y 轴缩放	0.2～1.5
segments	细分	1～160
startWidth	起点宽度	4～96
endWidth	终点宽度	4～96
startClearance	起点偏移	0～120
tipClearance	终点偏移	0～120
arrowBaseExtraPx	箭头宽度	0～64
arrowTipScale	箭头长度	1～2.5

许可证

MIT