# graphic-design

**Repository Path**: pengxin_cool/graphic-design

## Basic Information

- **Project Name**: graphic-design
- **Description**: js和vue实现 图形画板
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 4
- **Created**: 2021-12-03
- **Last Updated**: 2021-12-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# js+vue 自由图形画板

原生js+vue实现 图形画板，和windows图标一样，可以自由的拖动、拖拉改变大小。
以及和windows桌面一样 有选区，可以选中若干个元素一起拖动。

在线预览地址：
gitee:[http://tompeppa.gitee.io/graphic-design/](http://tompeppa.gitee.io/graphic-design/)

github：[https://newpanjing.github.io/graphic-design/](https://newpanjing.github.io/graphic-design/)

## 源码启动预览
+ 启动:
    ```shell
     npm run start
    ```
+ 也可以直接运行app.js
    ````shell
    node app.js
    ````

## 预览
![](https://gitee.com/tompeppa/graphic-design/raw/master/images/preview.png)
## js 插件

+ drag.js
    > 实现了div的自由拖动

+ resize.js
    > 实现了div 自由改变大小
+ select.area.js
    > 实现了 div 上选区

## 文档

+ [drag.js](/drag.md)    
+ [resize.js](/resize.md)    
+ [select.area.js](/selectArea.md)