/graphic-design

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

Primary LanguageJavaScript

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 上选区

文档