F1V3.0-图形-前端绘图库简介

可视化并与图表和图形交互

创建静态图表或完全交互式图表工具，主要图形应用于电力站内图、工作流编辑器、流程管理工具、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/