Web前端开发网

fly63.com

首页 资源 工具 文章 教程 栏目
  • 文章标签
  • 文章投稿
  • 关于我们

资源分类

AI智能 酷站推荐 招聘/兼职 框架/库 模块/管理 移动端UI框架 Web-UI框架 Js插件 Jquery插件 CSS相关 IDE环境 在线工具 图形动效 游戏框架 node相关 调试/测试 在线学习 社区/论坛 博客/团队 前端素材 图标/图库 建站资源 设计/灵感 IT资讯
网站收录 / 问题反馈

jsplumb

分享
复制链接
新浪微博
QQ 好友

扫一扫分享

网站地址:https://jsplumbtoolkit.com
GitHub:https://github.com/jsplumb/jsplumb
描述信息:一个开源的流程图或拓扑图绘制工具库(绘制页面链接线)
访问官网
GitHub

jsplumb它能够让你用动态或静态的链接来连接html界面上的元素,提供用鼠标拖动来连接。jsPlumb允许您使用SVG,Canvas或者VML链接屏幕上的元素,这些取决于您使用的浏览器的能力。

  

jsplumb 的概念中主要分为四部分:

1.锚(Anchor):一个位置,放置端点的地方,相对于一个元素的来源,您不需要自己硬编码来创建它,jsPlumb提供给您各种功能,您只需要按照您的需要创建它就可以了。它没有可视化的显示,只是一个逻辑位置,可以使用锚的id来引用它,jsPlumb支持这样做,并且您可以使用坐标来表示[x,y,x方向,y方向]  

2.端点(Endpoint ):链接的一端的可视化表示,您可以创建并可以链接他们;您可以让他们支持拖拽,或者您可以直接使用jsPlumb.connect()在创建链接时直接创建它们。

3.连接器(Connector):链接两个元素的线,页面的可视化表示,jsPlumb有三种默认类型:Bezier曲线,直线,和流程图链接器,您不用去处理连接器,当您需要使用它们时,您只需要定义它们即可。

4.覆盖物(Overlay):一个UI组件,是用来是用来装饰连接器,例如标签、箭头等。

仅供个人学习参考/导航指引使用,具体请以第三方网站说明为准,本站不提供任何专业建议。如果地址失效或描述有误,请联系站长反馈~感谢您的理解与支持!

链接: https://web.fly63.com/nav/1807

更多»
热门资源
ECharts
一个使用 JavaScript 实现的开源可视化库
官网
GitHub
SVG.js
包括各种形状、线条、文本、路径等元素
官网
GitHub
d3.js
基于HTML 和 SVG 的 JavaScript 可视化库
官网
GitHub
incubator-echarts
百度团队开发的一款商业级数据图表
官网
GitHub
g2
一套基于可视化编码的图形语法
官网
GitHub
Chartist.js
JavaScript响应式图表库
官网
GitHub
MetricsGraphics.js
一个基于 D3 的简洁的数据图表优化
官网
GitHub
plotly.js
基于d3.js 和stack.gl开源的 JavaScript 图表库
官网
GitHub
js-sequence-diagrams
一款基于 Javascript 的Web绘制时序图的工具
官网
GitHub
C3.js
基于D3.js开发的JavaScript库
官网
GitHub
crossfilter
一个数据计算模型,能够很好地结合DC.JS进行数据解析绘图
官网
GitHub
Processing.js
擅长创建2D和3D图象,可视化数据套件,音频,视频等
官网
GitHub
类似于jsplumb的资源
mxgraph
一个完整的客户端JavaScript图表库
点击进入
GitHub
wunderbar
用于终端的简单漂亮水平柱状图
官网
GitHub
Ronin
一个基于web的应用程序和视觉语言
官网
GitHub
WebPlotDigitizer
基于HTML5的在线工具从绘图图像中提取数字数据
官网
GitHub
Fabric.js
一个开源的基于canvas的web交互的js库
官网
GitHub
Visual Alchemist
基于Web的开源数据库图表制作和自动化工具
点击进入
GitHub
g2
一套基于可视化编码的图形语法
官网
GitHub
WebCola
基于Javascript约束的图形布局
官网
GitHub
目录

手机扫一扫预览

首页 技术导航 在线工具 技术文章 教程资源 前端标签 AI工具集 前端库/框架

Copyright © 2018 Web前端开发网 All Rights Reserved. 分享编程学习资源(教程/框架/库)、在线工具、技术教程、内容以学习参考为主,助您解决各类实际问题,快速提升专业能力。