jsplumb 介绍
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://jsplumbtoolkit.com
GitHub: https://github.com/jsplumb/jsplumb
网站描述: 一个 开源的流程图或拓扑图绘制工具库(绘制 页面 链接 线)
jsplumb官方网站
官方网站: https://jsplumbtoolkit.com
如果觉得 网站内容还不错,欢迎将 网站 推荐给程序员好友。
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://www.haodehen.cn/did176663