最近准备自己根据raphael学习和网上查阅到得知识,实现一个jbpm4风格的web流程设计器。有部分功能参考了CSDN网友wow4464提供的一个控件连线的实例,下载地址:http://download.csdn.net/detail/wow4464/7549803。
连线的方式使用的是raphael拖拽的特性来实现的,发现在firefox下有问题,其他浏览器正常支持。除了raphael和jquery的javascript库之外,没有借助于任何第三方的库函数或插件。源码见附件。
您还没有登录,请您登录后再发表评论
分享个自己写的WEB流程设计器。基于jquery, raphael实现,采用MVC框架backbone组织代码,参考了网上的myflow(不知来源),codiqa上的设计器。不过,很抱歉的是,目前不能画折线,只作为分享、学习用,有需要的可以...
web设计器-设计流程图[raphael]
jbpm4.4 在线设计流程 可以导出 xml文件,导入xml 文件
基于Raphael和Jquery开发,完全不依赖于ext等框架,属性设置使用的easyui,用的w3cDOM生成xml代码,点击保存后会弹出最终的jpdl内容与可以保存到数据库的图像对应json(此json还可以在页面重新加载,即可实现流程图...
WEB 流程设计器、基于以下js开发:小巧轻便。可以自己二次开发。 适用于大多数浏览器。主要用的js有raphael-min.js,myflow.js,myflow.editors.js raphael.js 是一个小巧的图形图像动画处理的JS包、基于SVG和VML...
Raphael编写的在线流程设计器前台部分
myflow流程图设计采用raphael的js文件 web设计流程图,通过raphael文件库进行设计,本案例是demo静态文件,供参考用。
利用raphael.js进行流程图的绘制,js已封装好,可直接传入数据进行使用
web设计器--设计流程图(raphael)源码myflow.js,可实现在线设计流程图,也可以根据后台数据生成前台流程图
raphael画流程图,实现可自定义缩放的效果。raphael画流程图,实现可自定义缩放的效果。
web流程图动态绘制-使用raphael,具体过程和效果看博文 http://blog.csdn.net/evankaka/article/details/48439017
基于raphael的流程设计器,可以支持在线画流程图,可以绘制圆角矩形、菱形节点。可绘制带箭头的链接直线或折线。线段可跟随节点移动而移动。
arrow:{path:"M10 10L10 10",stroke:"#808080",fill:"#808080","stroke-width":2,radius:4}, fromDot:{width:5,height:5,stroke:"#fff",fill:"#000",cursor:"move","stroke-width":2}, toDot:{width:5,...
Raphael 简单的一个流程图,自己没事的时候瞎琢磨的。 大家以前讨论讨论
在使用raphael时,实现了双击所化的文字即可实现在线编辑的功能
myflow流程图设计采用raphael的js文件 ,web设计流程图,通过raphael文件库进行设计,本案例是demo静态文件,供参考用。
为了兼容ie8,lz选择用Raphael绘制的流程图,支持点击事件,url跳转。只需传入json数据及divID。附件为实际的例子。
web 绘图 工具,raphael.可以在网页上绘图,功能非常强大!
相关推荐
分享个自己写的WEB流程设计器。基于jquery, raphael实现,采用MVC框架backbone组织代码,参考了网上的myflow(不知来源),codiqa上的设计器。不过,很抱歉的是,目前不能画折线,只作为分享、学习用,有需要的可以...
web设计器-设计流程图[raphael]
jbpm4.4 在线设计流程 可以导出 xml文件,导入xml 文件
基于Raphael和Jquery开发,完全不依赖于ext等框架,属性设置使用的easyui,用的w3cDOM生成xml代码,点击保存后会弹出最终的jpdl内容与可以保存到数据库的图像对应json(此json还可以在页面重新加载,即可实现流程图...
WEB 流程设计器、基于以下js开发:小巧轻便。可以自己二次开发。 适用于大多数浏览器。主要用的js有raphael-min.js,myflow.js,myflow.editors.js raphael.js 是一个小巧的图形图像动画处理的JS包、基于SVG和VML...
Raphael编写的在线流程设计器前台部分
myflow流程图设计采用raphael的js文件 web设计流程图,通过raphael文件库进行设计,本案例是demo静态文件,供参考用。
利用raphael.js进行流程图的绘制,js已封装好,可直接传入数据进行使用
web设计器--设计流程图(raphael)源码myflow.js,可实现在线设计流程图,也可以根据后台数据生成前台流程图
raphael画流程图,实现可自定义缩放的效果。raphael画流程图,实现可自定义缩放的效果。
web流程图动态绘制-使用raphael,具体过程和效果看博文 http://blog.csdn.net/evankaka/article/details/48439017
基于raphael的流程设计器,可以支持在线画流程图,可以绘制圆角矩形、菱形节点。可绘制带箭头的链接直线或折线。线段可跟随节点移动而移动。
arrow:{path:"M10 10L10 10",stroke:"#808080",fill:"#808080","stroke-width":2,radius:4}, fromDot:{width:5,height:5,stroke:"#fff",fill:"#000",cursor:"move","stroke-width":2}, toDot:{width:5,...
Raphael 简单的一个流程图,自己没事的时候瞎琢磨的。 大家以前讨论讨论
在使用raphael时,实现了双击所化的文字即可实现在线编辑的功能
myflow流程图设计采用raphael的js文件 ,web设计流程图,通过raphael文件库进行设计,本案例是demo静态文件,供参考用。
为了兼容ie8,lz选择用Raphael绘制的流程图,支持点击事件,url跳转。只需传入json数据及divID。附件为实际的例子。
web 绘图 工具,raphael.可以在网页上绘图,功能非常强大!