jmgraph前端画图组件(html5版)
2014-06-29 12:19
337 查看
原文:jmgraph前端画图组件(html5版) jmgraph是一个基于html5的WEB前端画图组件。
前端画图对象控件化,支持鼠标和健盘事件响应,可对单个控件样式设定,支持简单的动画处理。 可大大地简化前端画图。
如果ie请用ie9及以上浏览器
[b]代码示例[/b]
1.创建jmgraph对象
2.创建样式渐变和阴影效果
渐变支持百分比,而且坐标都是相对于其父容器的。
3.创建控件
创建一个中心为(250,250)半径为100的圆,这里可以指定radius或宽度来解定圆大小,弧度为满圆 .
4.事件处理
这里当鼠标移入圆时改变其边框颜色
5.完成
最后加入到graph中,并设置可以移动。
鼠标移上去效果
官网:http://graph.jm47.com/
附基于jmgraph组件开发的流程图组件截图:
源码:https://github.com/jiamao/jmgraph
前端画图对象控件化,支持鼠标和健盘事件响应,可对单个控件样式设定,支持简单的动画处理。 可大大地简化前端画图。
如果ie请用ie9及以上浏览器
[b]代码示例[/b]
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版)
- jmgraph前端画图组件(html5版)
- jmGraph:一个基于html5的简单画图组件
- 对ichartjs基于基于HTML5的开源图形组件画图的心得
- Literally “Canvas”- 开源的HTML5画图组件
- @java--liang 这是一款HTML5的前端视频Jquery组件,里面有41个播放器Demo。
- 对ichartjs基于基于HTML5的开源图形组件画图的心得
- 电商之梳理html5相关知识---前端技术
- 国内HTML5前端开发框架汇总
- HTML5 performance 前端加载性能初探
- 前端知识库 code_xzh 2017-03-02 22:30:55 浏览20219 评论18 javascript html5 react 性能 HTTPS http js 浏览器 angular
- 前端组件库
- 前端上传组件Plupload使用指南
- [转]html5 Canvas画图教程(2)—画直线与设置线条的样式如颜色/端点/交汇点
- 前端画图
- 【备忘 】2018年最新尚硅谷全套Java、Android、HTML5前端视频教程下载
- 国内HTML5前端开发框架
- 国内HTML5前端开发框架汇总
- Html5 画图
- [转] 移动前端不得不了解的HTML5 head 头标签