Name		Name	Last commit message	Last commit date
Latest commit History 14 Commits
__tests__		__tests__
config		config
src		src
types		types
.editorconfig		.editorconfig
.env.dev		.env.dev
.env.prod		.env.prod
.env.test		.env.test
.eslintrc		.eslintrc
.gitignore		.gitignore
README.md		README.md
babel.config.js		babel.config.js
jest.config.ts		jest.config.ts
package.json		package.json
pnpm-lock.yaml		pnpm-lock.yaml
project.config.json		project.config.json
project.tt.json		project.tt.json
tsconfig.json		tsconfig.json

Repository files navigation

fabric-mobile-h5

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

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

现有功能

保存为 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

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

About

低仿[创客贴-制作-设计页]功能，基于fabric.js和taro-react的移动端图片编辑器

react fabric fabricjs taro h5-editor

Report repository

Releases

No releases published

Packages

No packages published

Languages