X-Flowchart-Vue

A visual graph editor based on G6 and Vue.

Version

Preview

online

Example

# git clone https://github.com/OXOYO/X-Flowchart-Vue.git

# install dependencies
yarn install

### Compiles and hot-reloads for development
yarn run serve

Features

Reference

@antvis/g6

@alibaba/GGEditor

grapheditor

Thank

特别感谢@guozhaolong大佬的开源项目@guozhaolong/wfd

本项目参考、引用了@guozhaolong/wfd项目的部分实现，在此特别说明，以示感谢！

TODO

v3.0.0

• *** 重构：基于 @antv/g6 v3.x 重构。
• 工具栏：撤销
• 工具栏：重做
• 工具栏：复制
• 工具栏：粘贴
• 工具栏：清除
• 工具栏：缩放
• 工具栏：放大
• 工具栏：缩小
• 工具栏：适应全屏
• 工具栏：实际大小
• 工具栏：填充颜色
• 工具栏：线条颜色
• 工具栏：线条宽度
• 工具栏：线条样式
• 工具栏：线条类型
• 工具栏：起点
• 工具栏：终点
• 工具栏：置于顶层
• 工具栏：置于底层
• 工具栏：框选
• 工具栏：添加组
• 工具栏：解除组
• 工具栏：上传
• 工具栏：下载
• 工具栏：预览
• 工具栏：全屏
• 工具栏：语言
• 热键
• 右键菜单
• 基础图形：Rectangle
• 基础图形：Rounded Rectangle
• 基础图形：Text
• 基础图形：Textbox
• 基础图形：Ellipse
• 基础图形：Square
• 基础图形：Circle
• 基础图形：Process
• 基础图形：Diamond
• 基础图形：Parallelogram
• 基础图形：Hexagon
• 基础图形：Triangle
• 基础图形：Cylinder
• 基础图形：Cloud
• 基础图形：Document
• 基础图形：Internal Sotrage
• 基础图形：Cube
• 基础图形：Step
• 基础图形：Trapezoid
• 基础图形：Tape
• 基础图形：Note
• 基础图形：Card
• 基础图形：Callout
• 基础图形：Actor
• 基础图形：Or
• 基础图形：And
• 基础图形：Data Storage
• 高级图形

Contribution

我们目前接受 GitHub Pull Request ，并且所有开发提交的合并均通过 Pull Request 进行，故你可以直接点击该项目的 Fork 按钮得到你自己的 Fork ，在其上进行提交，并在修改完毕后直接通过 GitHub 网页发起 Pull Request 即可。对于 Pull Request 的介绍和使用方式，可以参阅 GitHub 帮助文档中的 “关于 Pull Request” 部分。

感谢所有为此项目做出贡献的人们！

curiosity-hyf lzygit18

License

MIT

Copyright (c) 2019-present, OXOYO

Contact

点击链接加入群【Web全栈QQ群】：https://jq.qq.com/?_wv=1027&k=53iWbrr