F1V3.0-图形-前端绘图库简介
来源:互联网 发布:淘宝店铺扣满48分 编辑:程序博客网 时间:2024/04/30 20:31
可视化并与图表和图形交互
创建静态图表或完全交互式图表工具,主要图形应用于电力站内图、工作流编辑器、流程管理工具、IVR系统、API集成商、演示应用程序等等。构建一个酷炫的开源应用程序, f1图形库可以做到这一点。
图形类库特点
用于支持可视化和与图表,图形等的交互
- 渲染数百(或数千)元素和链接与即时交互
- 许多形状可以使用(rect,circle,ellipse,text,image,path,erd,org图等)
- 高度事件驱动,您可以对paper对象发生的任何事件做出反应
- 轻松连接图元素与链接
- 可定制的链接和相关图形
- 链接平滑(贝塞尔插值)和智能路由
- 通过SVG自定义形状或以编程方式呈现。
- 磁铁/端口(连接点)可以放在任何地方。
- 从JSON格式进行序列化和反序列化。
- 分层图表
- 缩放,动画,触摸支持
- svg过滤器和渐进渲染
- 许多在2D空间中运行的数学函数
- 灵活的插件系统
- NodeJS支持
- 包括SVG库
- MVC架构
- 互动元素和链接
图形绘制类库是JointJS Core库的扩展。 它建立在JointJS基础上,并大大扩展了其功能,基于f1组件扩展的UI交互组件、自定义的图元类型及其他功能来构建高级HTML 5应用程序。
核心依赖库
需要包括依赖:jQuery、Backbone、Lodash、JointJS库。 插件可以任意混合或不使用。
浏览器支持
只要支持SVG的浏览器,就能够很好的兼容:
- 最新的Google Chrome(包括手机)
- 最新的Firefox
- Safari(包括手机)
- IE 9+
框架结构
相关资源链接
jointJS帮助文档
http://resources.jointjs.com/docs/jointjs/v1.1/joint.html
lodash帮助文档
http://lodashjs.com/docs/#_bindfunc-thisarg-partials
backbone帮助文档
http://www.css88.com/doc/backbone-0.5.3/
阅读全文
0 0
- F1V3.0-图形-前端绘图库简介
- F1V3.0-图形-绘图框架主要功能简介
- F1V3.0-图形-绘图快捷操作帮助
- F1V3.0-图形-绘图类库快速搭建一个页面绘图应用实例
- F1V3.0-图形-GIS基础知识
- F1V3.0-图形-前端如何快速搭建一个地图相关的应用
- F1V3.0-图形-OpenLayers2体系分析
- F1V3.0-15 前端开发环境搭建
- F1V3.0-10 前端功能介绍
- F1V3.0-图形-本地自成图jar类库安装到本地仓库及私服
- F1V3.0-图形-地图模块主要对象说明
- F1V3.0-图形-自动成图-系统图算法介绍
- F1V3.0-图形-微服务模块打包部署
- F1V3.0-图形-自动成图-站内图成图过程
- F1V3.0-图形-拓扑连通性分析算法介绍
- F1V3.0-3 前端开发问题之解决之道
- F1V3.0-24 UI前端模块的发布及部署
- F1V3.0-22 前端旧版本升级方式
- 如何升级至HTTPS
- POI导入2003和2007Excel,txt,cvs等文件并校验
- 收藏
- 傅里叶变换的理解
- 2017人工智能与机器人创新大会主题:智创,智造,智融
- F1V3.0-图形-前端绘图库简介
- boost::function的用法(一)
- chrome解决跨域(CORS)问题---chrome插件
- Java并发编程与技术内幕:线程池深入理解
- ALS推荐系统实战
- bzoj 1087 互不侵犯king 状压DP
- Activity的启动模式
- 后台向模板中分配变量不显示
- 操作系统实验七之有限缓冲问题