Skip to content

Latest commit

 

History

History
62 lines (43 loc) · 1.27 KB

README.md

File metadata and controls

62 lines (43 loc) · 1.27 KB

fabric-mobile-h5

低仿创客贴-制作-设计页功能。基于 fabric.js 和 taro-react 开发的移动端图片编辑器,可自定义字体、图片滤镜、设计模板,导入,导出等。

  • Taro(3.6.13)环境目前只适配了h5模式。
  • 全局React Hooks组件式开发

预览1

预览2

预览3

现有功能

  • 保存为 PNG、JSON 文件
  • 读取JSON模板
  • 预览
  • 插入文字/图片
  • 复制
  • 自定义字体,样式
  • 字体模板
  • 位置微调
  • 图层及顺序调整
  • 撤销/重做
  • 背景属性设置
  • 透明度
  • 辅助线
  • 图片替换
  • 图片滤镜
  • 图片翻转

安装运行

环境
  • node 14.18+
  • taro 3.6.13
  • react 18+
1.推荐pnpm 安装依赖(国内建议增加淘宝镜像源)
2.启动项目
pnpm run dev:h5
3.打包项目
pnpm run build:h5

TODO

  • 文字排列
  • 画布手势缩放
  • 图片裁剪
  • 字体大小优化