产品简介
fabric-photo 一个纯前端的图片编辑工具,基于Canvas技术,无需后端服务器。提供涂鸦、形状、文本、裁剪等丰富功能,适合前端开发者集成或个人用户本地图片编辑。

核心功能
- 基础操作:图片加载、缩放、拖拽、旋转
- 绘图工具:涂鸦、线条、箭头
- 形状绘制:矩形、圆形、三角形
- 文本编辑:添加文字、修改样式
- 马赛克:一键打码保护隐私
- 图片裁剪:自定义裁剪区域
- 撤销/重做:完整的操作历史管理
- 导出功能:导出为 PNG/Blob 格式
快速开始
- 使用命令 npm install fabric-photo 或 pnpm add fabric-photo 安装包。
- 在HTML中创建一个容器元素,如 。
- 在JavaScript中导入FabricPhoto并初始化编辑器实例,然后加载图片。
界面预览
与其他方案对比
| 对比项 | 本工具 | 同类商业软件 | 在线服务 |
|---|---|---|---|
| 费用 | 开源免费 | 通常收费或含广告 | 可能有订阅或上传限制 |
| 隐私 | 本地运行,数据自持 | 依赖厂商政策 | 需上传数据到服务器 |
| 可定制性 | 源码开放,社区活跃 | 受限于官方功能 | 功能固定 |
适合谁用
- 追求开源、免费、无广告体验的用户
- 重视数据隐私,希望本地化处理的用户
- 需要跨平台一致体验的进阶用户
下载与版本
当前最新版本为 master,发布于 。支持 Windows、macOS、Linux。
⚠️ 注意:本项目仅提供源代码下载,不包含可直接运行的安装包(exe/dmg/apk 等。下载后需要自行编译构建才能使用,适合有一定开发经验的用户。如果你不熟悉编译流程,建议寻找同类开箱即用的替代方案。
注意事项
- 本工具仅供学习和研究使用,请遵守相关法律法规。
- 请尊重内容创作者版权,勿将下载内容用于商业或非法传播。
- 项目源码地址:https://github.com/ximing/fabric-photo