jmgraph前端画图组件(html5版)

jmgraph前端画图组件(html5版)

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 );

鼠标移上去效果

完整api： http://graph.jm47.com/document/api/index.html

在线demo: http://graph.jm47.com/example/

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

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

 

 

 

标签:  JavaScript

作者： Leo_wl

　　　　

出处： http://www.cnblogs.com/Leo_wl/

　　　　

本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。

版权信息

查看更多关于jmgraph前端画图组件(html5版)的详细内容...

声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did46100