jmgraph前端画图组件(html5版)

浏览数：29 / 时间：2015年06月09日
原文:jmgraph前端画图组件(html5版)

     jmgraph是一个基于html5的WEB前端画图组件。
 
     前端画图对象控件化，支持鼠标和健盘事件响应，可对单个控件样式设定，支持简单的动画处理。    可大大地简化前端画图。
 
 如果ie请用ie9及以上浏览器 
 
代码示例
 

1.创建jmgraph对象

 
 2.创建样式渐变和阴影效果 
渐变支持百分比，而且坐标都是相对于其父容器的。 
 
 
 3.创建控件
创建一个中心为(250,250)半径为100的圆，这里可以指定radius或宽度来解定圆大小,弧度为满圆 .
 
 
 4.事件处理
这里当鼠标移入圆时改变其边框颜色
 

5.完成
最后加入到graph中，并设置可以移动。

graph.children.add(arc); 
arc.canMove(true);

鼠标移上去效果

 

官网:http://graph.jm47.com/

 

附基于jmgraph组件开发的流程图组件截图:

 

源码：https://github.com/jiamao/jmgraph

jmgraph前端画图组件(html5版),古老的榕树,5-wow.com

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class 代码 java style html src class 代码 java style html src

相关文章

随机文章

您可能还喜欢

您可能还喜欢