graphic-design详情
JavaScript js和vue实现 图形画板,可以实现div 自动拖动 和拉伸改变大小。还实现了选区功能,可以和windows的桌面图标一样,拉选区选中多个div元素,实现批量拖动、删除的功能。
更新时间:2019-11-10T15:07:30Z

js+vue 自由图形画板

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

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

源码启动预览

  • 启动: shell npm run start
  • 也可以直接运行app.js shell node app.js

预览

js 插件

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

  • resize.js > 实现了div 自由改变大小

  • select.area.js > 实现了 div 上选区

文档

评论
登录以后才可以发布评论哦, 点击登录 发布评论
评论列表 0人参与,0条评论
暂时还没有人评论,快来一条神回复吧!