# fabric-ui

**Repository Path**: xingmyworld/fabric-ui

## Basic Information

- **Project Name**: fabric-ui
- **Description**: 基于fabric.js库做的绘画板，支持导入背景图、绘制多种图形，前进、后退、清空、删除、设置画笔和图形颜色等功能（功能持续开发中...）,在线查看 https://yuanshusu.gitee.io/fabric-ui
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 3
- **Created**: 2023-03-20
- **Last Updated**: 2023-03-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# fabric-ui

## Project setup

```
npm install
```

### Compiles and hot-reloads for development

```
npm run serve
```

### Compiles and minifies for production

```
npm run build
```

### 绘画功能还在开发中，node.js版本号12.13.0，目录中的**dist**是打包过后的在线浏览文件

### 2022.12.25 开发了基本的框选和自由绘画，并且添加了放大画布，按住 alt 移动画布
### 2022.12.26 新增绘制直线、椭圆，并且将画布的缩放方式进行了更改，有一个bug待更改，线条绘制的时候会出现模糊现象，当进行放大缩小后线条模糊消失，可能需要进行刷新
### 2022.12.27 新增虚线、三角形，并对里面的函数进行了优化
### 2022.12.28 新增添加文字、修改线条颜色和宽度修复部分bug
### 2022.12.29 新增前进、后退、保存图片、清空画布功能
### 2022.12.30 新增删除功能，并对前进后退功能进行了补充修改
### 2023.01.01 新增设置画布大小，还有部分功能待完善
### 2023.03.19 完善设置画布大小功能，新增选中的图案可以按delete快速删除，修改文字的部分bug，准备加入上传本地图片，去除刚进来的背景图片，根据自己的想法设置背景图片或背景颜色
### 2023.03.20 新增绘画箭头功能，修改画布背景还在修改中...


### 我设计参考的网站和文档，可以让你根据自己的设计来修改内容，如果了解canvas更容易理解
### 1. http://funcion_woqu.gitee.io/fabric-doc/api/#circle
### 2. https://juejin.cn/post/7026941253845516324#heading-75
### 3. http://fabricjs.com/docs/fabric.Canvas.html