AutographJS
producthunt.com
即插即用的签名面板,支持React、Vue和原生JS
6天前制作者:DevFuture Manger
关于 AutographJS
AutographJS 是一款开源的网页签名框架,让您轻松捕获流畅的手写签名。它提供原生 React、Vue 和 Svelte 绑定,也可独立用于原生 JavaScript 项目。体积小巧、TypeScript 优先、零依赖,并采用平滑的贝塞尔曲线渲染,支持完整触控和 Apple Pencil 压力感应,且兼容服务端渲染(SSR)。签名可导出为 PNG、SVG 或可重放的 JSON 格式。MIT 许可证,自由使用。
核心功能
- 多框架支持:提供 React、Vue、Svelte 的原生绑定,以及原生 JS 版本,无缝集成到您的项目中。
- 流畅签名体验:基于贝塞尔曲线渲染,确保签名平滑自然,支持触控和 Apple Pencil 压力感应,还原真实书写感。
- 多种导出格式:将签名导出为 PNG 图片、SVG 矢量图或可重放的 JSON 数据,满足不同场景需求。
- 轻量无依赖:极小的包体积,TypeScript 编写,零外部依赖,性能优异。
- 服务端渲染安全:支持 SSR,在 Next.js、Nuxt 等框架中无需额外配置即可使用。
主要特性
- 原生 React、Vue、Svelte 绑定,降低集成成本
- 零依赖,TypeScript 优先,类型安全
- 贝塞尔曲线平滑渲染,支持压力感应
- 导出为 PNG、SVG、JSON 格式
- SSR 兼容,开箱即用
适用场景
- 电子合同签署:在网页中嵌入签名面板,用于合同、协议等文件的电子签名。
- 表单填写:在表单中添加签名区域,用于确认、授权等操作。
- 移动端应用:支持触控和手写笔,适合平板和手机上的签名需求。
- 文档管理系统:集成签名功能,实现无纸化办公流程。