Element Fabric Editor

简介

快图设计，vue-fabric-editor 是一款基于 fabric.js 和 Vue 开发的图片编辑器，可自定义字体、素材、设计模板、右键菜单、快捷键。

Element Fabric Editor是由于一个单子甲方需要ElementPlus作为组件库，因此诞生而单独维护，Element Fabric Editor功能是和vue-fabric-editor上是一致的，但在组件划分上Element Fabric Editor会更细致，因为Element Fabric Editor不考虑SDK的打包，所以在组件抽离会更细致

未来Element Fabric Editor会把lib/core插件化去除，使用hooks+store替换

另外此项目也是electron-fabric-editor的Render进程

动图介绍 · 介绍视频 · 预览地址

使用

# 如果没有pnpm 项目使用pnpm，commit自动校验都是用pnpm,请使用pnpm启动项目
npm install pnpm -g

pnpm install

pnpm dev

# 提交代码
git add . # 添加需要提交的文件
pnpm commit # 使用此命令编写commit

已有功能

• 导入 JSON、PSD 文件
• 导出 PNG、SVG、JSON 文件
• 组合/拆分组合
• 图层功能
• 渐变属性
• 外观属性/字体属性/描边/阴影
• 撤销/重做
• 快捷键
• 右键菜单
• 辅助线
• 标尺
• 自定义字体
• 自定义模板素材
• 插入 SVG、图片素材
• 多元素水平、垂直对齐方式
• 背景属性设置
• 箭头/线条
• 画笔/多边形绘制
• 二维码/条形码
• 图片替换/裁剪/滤镜
• 水印
• 国际化

贡献规范

• 修改代码
• git add .
• pnpm commit(必须, 不接受非规范的commit)

同步情况

• perf: 优化setSize组件和workspace插件宽高默认值问题 89eead9104ae6824d4dfb9754b13a5790ef79a95

undo

• 首页拆分组件
• 使用store 替换 home的provide
• i18n模块化
• 多画布
• 样式优化(对旧的样式，全部使用unocss)
• history重构
• layer图层重构

管理员

nihaojob

Qiu-Jun

贡献者

nihaojob

Qiu-Jun

NoahCodeGG

ijry