Skip to content
js和vue实现 图形画板,可以实现div 自动拖动 和拉伸改变大小。还实现了选区功能,可以和windows的桌面图标一样,拉选区选中多个div元素,实现批量拖动、删除的功能。
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
design
images
README.md
_config.yml
app.js 更改目录结构 Jan 17, 2019
drag.md
index.html
package.json
resize.md
selectArea.md

README.md

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

文档

You can’t perform that action at this time.