flubber

收录理由

做数据可视化时，经常要让一个图形平滑地变成另一个图形，比如地图上的区域切换、图表中的形状过渡。直接拿两组对不上的坐标去做通用过渡，结果往往会出现翻转、跳变这些让人头疼的问题。flubber 就是专门解决这个痛点的：它接收两个 SVG 路径字符串或点集数组，帮你算出一条合理的插值路径，返回一个插值器函数，你传入 0 到 1 的进度值就能得到中间帧，配合 D3 的 transition 或者自己写 requestAnimationFrame 循环都很方便。它还处理了一些特殊情况，比如变形成圆形或矩形，以及起始和结束形状的部件数量不一致时如何拆分或合并。这个库体积不大，浏览器和 Node 环境都能用，前端做动效时很顺手。