现在的位置: 主页 > 联系方式 > 文章列表

Web流程图绘制使用raphael

作者:成都金海力科技有限公司 来源:www.scjinhaili.com 未知发布时间:2017-09-05 12:03:00
Web流程图绘制使用raphael

其中图形绘制使用了raphael, 它的功能非常强大。

其中有一些DEMO如下:

2、鼠标右键菜单栏弹出smartMenu

3、字体大小变化利器插件jquery.fontFlex

随着页面的放大或者缩小,字体也跟随着放大或者缩小。当然,可以设置一个最大值,一个中间值和一个最小值。此效果多半应用于响应式页面中,或者需要适用多版本终端浏览器的页面中

二、使用

1、首先,来看看要实现的流程图的样子。

2、代码实现

这里其实就是把上面的插件都引用进来,然后其它的就是用JS不断画椭圆、直线箭头、方框等。

画好之后,添加文字,给方框添加右键点击事件

html;" http-equiv="Content-Type" /> <script src=jquery-1.8.1.min.js></script><script src=jQuery.fontFlex.js></script><script src=jquery-smartMenu.js></script><script src=raphael-min.js></script><script src=jQuery.fontFlex.js></script>

任务计划流程


最终效果展示:

http://www.2cto.com/

http://www.2cto.com/

右键点击:

http://www.2cto.com/

方法调用后结果:

http://www.2cto.com/

企业建站2800元起,携手武汉肥猫科技,做一个有见地的颜值派!更多优惠请戳:潜江SEO http://qianjiang.4567w.com

上一篇:python之socket编程(一) 下一篇:最后一页

本周热门文章