lazy-brush
更新于 2026-09-03 16:08:00
lazy-brush:平滑手写与签名的 JavaScript 库
lazy-brush 是一个用于平滑绘图的 JavaScript 库,支持通过鼠标或手指流畅绘制画笔轨迹。它采用“惰性画笔”(lazy brush)算法,有效减少手抖、锯齿等问题,让线条更加自然顺滑,适用于画板、签名、手写等多种场景。
核心能力
- 平滑绘图:基于惰性画笔算法拟合轨迹,抑制手抖与锯齿。
- 多输入:鼠标与触摸(手指)均可绘制。
- 轻量集成:作为 JS 库接入画板、签名与手写组件。
- 自然线条:输出更接近真实笔触的顺滑曲线。
适用场景
- 网页画板、白板与涂鸦工具。
- 电子签名、表单手写录入。
- 需要顺滑手写体验的前端应用。
上手与二开建议
- 引入库后在 canvas 上绑定指针事件,按示例即可出平滑轨迹。
- 调整笔刷参数(半径、平滑度)适配签名或绘画。
- 二开:围绕笔刷模型与手势扩展;协议为 MIT。
注意事项
- 上手难度低;触摸场景注意不同设备的 pointer 事件兼容。
- 平滑度与延迟需权衡,过高平滑可能拖慢跟手感。