文件名称:workflow:Raphael.js的流程图
文件大小:136KB
文件格式:ZIP
更新时间:2024-06-04 02:14:05
JavaScript
工作流程 使用Raphael.js的流程图 项目命名为工作流,直到我找出一个真实的名字。 我花了很长的时间为另一个项目制作交互式流程图,并且对要做一件应该简单的事情有多困难感到沮丧,所以我开始了这个项目。 目标是两个步骤: 创建一个JavaScript库,该库将处理所有困难的部分-最困难的部分是SVG路径,用于优雅地连接元素以及SVG元素之间的动画。 使用名为* .flow的文件,该文件将以纯文本形式定义用户所需的图表的确切类型。 可以使用一行JavaScript将其添加到页面。 当前,该项目已完成约50%,其中模式解析器是要添加的最终主要组件。 范例: : 箭 这将使您创建任意的SVG箭头。 内置函数makeConnector()将为您进行数学运算,以使您可以使用箭头连接任何DOM元素。 选项 .startPosition和.endPosition 格式:{'x':va
【文件预览】:
workflow-master
----workflow.Node.js(2KB)
----example()
--------jquery.js(94KB)
--------raphael-min.js(90KB)
--------index.html(536B)
--------main.js(983B)
--------style.css(971B)
----troubleshooter()
--------jquery.js(94KB)
--------raphael-min.js(90KB)
--------index.html(511B)
--------main.js(1KB)
--------style.css(971B)
----workflow.Arrow.js(6KB)
----.gitignore(574B)
----README.md(2KB)
----.gitattributes(378B)