介绍 <李> & lt; ! DOCTYPE html>
& lt; html>
& lt; head>
& lt;才能link rel=皊tylesheet",类型=拔谋?css" https://www.yisu.com/zixun/, href=" https://cdnjs.cloudflare.com/ajax/libs/jointjs/2.1.0/joint.css " rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel="外部nofollow "/>
头
<身体>
这篇文章主要介绍JointJS JavaScript流程图绘制框架的示例分析,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
<强> JointJS: JavaScript流程图绘制框架 <强>
最近调研了js画流程图的框架,最后选择了关节。配合上dagre可以画出像模像样的流程图。
<强> JointJS简介
JointJS是一个开源前端框架、支持绘制各种各样的流程图,工作流图等.Rappid是联合的商业版,提供了一些更强的插件.JointJS的特点有下面几条,摘自官网:
能够实时地渲染上百(或者上千)个元素和连接
<李>支持多种形状(矩形,圆,文,本图像,路径等)
<李>高度事件驱动,用户可自定义任何发生在纸下的事件响应
<李>元素间连接简单
<李>可定制的连接和关系图
<李>连接平滑(基于贝塞尔插值贝塞尔插值),智能路径选择
<李>基于SVG的可定制,可编程的图形渲染
<李>NodeJS支持
<李>通过JSON进行序列化和反序列化
总之JoingJS是一款很强的流程图制作框架,开源版本已经足够日常使用了。
一些常用地址:
API:, https://resources.jointjs.com/docs/jointjs/v1.1/joint.html
教程:,https://resources.jointjs.com/tutorial
<强> JointJS Hello world
