Skip to content
js在线流程图 javascript online flow chart
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
drag.md
index.html
package.json
resize.md
selectArea.md

README.md

js+vue flow chart 在线流程图

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

在线预览地址: https://newpanjing.github.io/flow-chart/index.html

特色功能

  • 键盘位移
  • 双击编辑
  • 拖拽
  • 改变大小
  • 单选/多选

源码启动预览

  • 启动:
     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.