Demo演示(Chrome):
SVG实现流程图绘制,前端页面应用:jquery.js
/d3.js
/ semantic.css
功能包括:
- 流程图块生成、拖拽、连线
- 放大缩小功能
- 导入导出
json
数据 - 产生相应的
xml
和xpdl
- 保存(还未完成,待更新)
本项目兼容Chrome/Firefox/IE11
,最好用Chrome
浏览测试。
svg实现流程图绘制,导入导出json [正在重构项目flowchart-vue],地址:
Home Page: https://github.com/zhangyuanliang/flowchart-vue
License: MIT License
Demo演示(Chrome):
SVG实现流程图绘制,前端页面应用:jquery.js
/d3.js
/ semantic.css
功能包括:
json
数据xml
和xpdl
本项目兼容Chrome/Firefox/IE11
,最好用Chrome
浏览测试。
很期待VUE版本。
你好,
现在节点可以看见名字,怎么做也可以看见路径的名字呢?
有没有好的解决方案呢?
期待回复!
比如自定义属性:url、state
没事了,打搅了
else if (state.graphMouseDown && d3.event.shiftKey) {
// clicked not dragged from svg
是否存在逻辑错误
作者很强大!!!
请问您知道如何在连线上添加文字吗
2节点双向连接,单节点自连
Hi !
what is the license ?
大神,我想参照您的代码做二次开发,但是无奈水平太低,可否给个QQ,咨询相关技术问题?
目前我正在改成vue。。。能力有限,很是头疼,好多依赖,基本都是基于jq,这改起来很是蛋疼啊~~~哎。。。。
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.