# vue-design-editor

**Repository Path**: fang_haixin/vue-design-editor

## Basic Information

- **Project Name**: vue-design-editor
- **Description**: 基于vue和fabric的图片编辑器
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2023-07-25
- **Last Updated**: 2024-03-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## vue-design-editor

[Demo](https://haixin-fang.github.io/vue-design-editor/)

`fabric.js and Vue3 based image editor, can customize fonts, materials, design templates.`

## 功能

- 图片编辑
- 图片裁剪
- psd 解析
- psd 同步为模板
- 解析 psd 切片
- pdf 解析
- ppt 解析 (pptxtojson,pptxgenjs)
- 滤镜
- 动画
- 蒙版
- 组合/拆分组合
- 图层及顺序调整
- 撤销/重做
- 背景属性设置
- 外观属性/字体属性/描边/阴影
- 自定义字体
- 自定义模板素材
- 快捷键
- 右键菜单
- 辅助线
- 标尺 ✅
- 图片替换
- 图片滤镜
- 国际化
- 支持导出 pdf, png, jpg, gif, mp4, ppt 等

## 启动

```js
    npm i
    npm run dev
```

## 打包

```js
    npm run build
```