# drawing-board

**Repository Path**: KevinXXX/drawing-board

## Basic Information

- **Project Name**: drawing-board
- **Description**: fabric+vue 实现的在线画板，socetio 两端通信直播
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 0
- **Created**: 2020-06-12
- **Last Updated**: 2022-11-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 简介
fabric + vue + socket-io 实现的在线直播画板

## 快速启动
```shell
npm install

npm run start
```
访问 http://localhost:8080

## 主要功能

* 画板翻页
* 修改画笔粗细
* 修改画笔颜色
* 绘制几何图形
* 添加文字
* 操作图片
* 上传背景
* 橡皮擦 (单选、框选)
* 清空画布
* 撤销、上一步下一步
* 复制粘贴

## 功能演示

#### 自由绘制
![image](https://github.com/kxsq123/drawing-board/blob/master/doc/draw.gif)
####  绘制几何图形
![image](https://github.com/kxsq123/drawing-board/blob/master/doc/shape.gif)
####  操作图片
![image](https://github.com/kxsq123/drawing-board/blob/master/doc/pic.gif)
####  复制粘贴
![image](https://github.com/kxsq123/drawing-board/blob/master/doc/copy.gif)
####  撤销，上一步下一步
![image](https://github.com/kxsq123/drawing-board/blob/master/doc/undo.gif)
####  翻页
![image](https://github.com/kxsq123/drawing-board/blob/master/doc/page.gif)