✏️ 高级图片编辑器

基于 Fabric.js 的画笔、形状、文字、滤镜与图层编辑,支持导出 PNG / JSON

工具
画笔/填充 粗细 字号
图层
滤镜 亮度 0 (需先选中图片)
导入导出
选择工具后在画布上绘制,选中图片可应用滤镜,支持导出 PNG / JSON

📦 功能说明

基于 Fabric.js 构建纯前端图片编辑器,提供画笔、矩形、圆形、文字、图层排序、图片滤镜与 PNG/JSON 导入导出,全部本地处理。

画笔 形状 文字 图层 滤镜 导出PNG

💡 使用须知

  • 选择"画笔"可自由绘制,调节颜色与粗细;"矩形/圆形/文字"工具在画布点击放置。
  • 选中对象后可拖动、缩放、旋转;按 Delete 键或点击"橡皮"删除选中对象。
  • "添加图片"可将本地图片置入画布作为图层,支持置顶/置底排序。
  • 滤镜(亮度/灰度/反色)需先选中一张图片对象后应用,可叠加。
  • 导出 JSON 可保存工程,再次"导入 JSON"恢复全部对象与图层。
  • 所有编辑在浏览器本地完成,图片不会上传到服务器。

✨ 绘萤者

以萤火之光,绘万千想象

绘萤者——探索真正的互联网精神,创造更有意义的互联网。