newpanjing / graphic-design

js和vue实现 图形画板，可以实现div 自动拖动 和拉伸改变大小。还实现了选区功能，可以和windows的桌面图标一样，拉选区选中多个div元素，实现批量拖动、删除的功能。

js+vue 自由图形画板

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

在线预览地址： https://newpanjing.github.io/graphic-design/

源码启动预览

• 启动:

   npm run start

• 也可以直接运行app.js

  node app.js

预览

js 插件

• drag.js

  实现了div的自由拖动

• resize.js

  实现了div 自由改变大小

• select.area.js

  实现了 div 上选区

文档

• drag.js
• resize.js
• select.area.js