码迷,mamicode.com
首页 > Web开发 > 详细

jmgraph前端画图组件(html5版)

时间:2014-07-07 17:14:47      阅读:340      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   java   color   strong   

原文:jmgraph前端画图组件(html5版)

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

1.创建jmgraph对象

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

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

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

bubuko.com,布布扣

鼠标移上去效果

bubuko.com,布布扣

 

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

 

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

bubuko.com,布布扣

 

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

jmgraph前端画图组件(html5版),布布扣,bubuko.com

jmgraph前端画图组件(html5版)

标签:style   blog   http   java   color   strong   

原文地址:http://www.cnblogs.com/lonelyxmas/p/3814953.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!