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

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

F1V3.0-图形-前端绘图库简介相关推荐

  1. Dev-C++ 中t添加EasyX绘图库

    EasyX是针对C++的图形库,可以帮助C/C++初学者快速上手图形和游戏编程.主要支持支持 VC6.0 ~ VC2022,若想在Dev-C++中使用EasyX,如何做呢? 打开官网这个链接EasyX ...

  2. Window10中Dev-C++ 使用EasyX绘图库编程入门

    Window10中Dev-C++ 使用EasyX绘图库编程入门 EasyX是针对C++的图形库,可以帮助C/C++初学者快速上手图形和游戏编程.主要支持支持 VC6.0 ~ VC2022,若想在Dev ...

  3. python安装绘图库matplotlib_Python基础教程:Python 2D绘图库 Matplotlib 简介和安装

    原标题:Python基础教程:Python 2D绘图库 Matplotlib 简介和安装 来自:Linux迷https://www.linuxmi.com/python-2d-matplotlib.h ...

  4. python 三维绘图库_Python第三方库matplotlib(2D绘图库)入门与进阶

    Matplotlib 一 简介: Matplotlib是一个Python 2D绘图库,它可以在各种平台上以各种硬拷贝格式和交互式环境生成出具有出版品质的图形. Matplotlib可用于Python脚 ...

  5. 开源项目推荐:OpenGL/Vulkan/Cairo/Skia/angle/VTK/OpenVG/MyPaint/GIMP/Krita/Pencil2D/inkspace/enve等绘图库或画图软件

    绘图引擎简介 Windows环境下二维绘图引擎有多种选择:GDI.GDI+.DirectDraw.Qt/QPainter.Agg.Cairo.skia.Direct2D.Direct3D.OpenGL ...

  6. Python第三方库matplotlib(2D绘图库)入门与进阶

    文章目录 @[toc] Matplotlib 一 简介: 二 相关文档: 三 入门与进阶案例 1- 简单图形绘制 2- figure的简单使用 3- 设置坐标轴 4- 设置legend图例 5- 添加 ...

  7. 数据分析绘图库matplotlib

    文章目录 简介 绘图的基础知识 常用图形 绘图步骤 属性详解 多图绘制 简介 matplotlib是python比较底层的可视化库,可定制性强.图表资源丰富.简单易用.达到出版质量级别. Matplo ...

  8. 数据可视化101如何选择python绘图库

    "Visualizing information can give us a very quick solution to problems. We can get clarity or t ...

  9. python使用matplotlib2D绘图库的折线图绘制小案例(方便matplotlib的学习理解)——随机数做幸运值,绘制一周的幸运趋势

    python使用matplotlib2D绘图库的折线图绘制小案例(方便matplotlib的学习理解)--随机数做幸运值,绘制一周的幸运趋势 QQ:3020889729 小蔡 小案例内容简介 实例 第 ...

最新文章

  1. 用指针、子函数的方法去一维数组中所有元素的平均值,并放在a[0]处
  2. Hinton最新专访:别让AI解释自己,AI寒冬不会再来
  3. [译] ASP.NET 生命周期 – ASP.NET 请求生命周期(四)
  4. 怎么用u盘在服务器上传文件,U盘向云服务器传输文件吗
  5. VTK序列图像的读取
  6. TimerTask定时任务
  7. Servlet 应用程序事件、监听器
  8. 【抢鲜版】ArcGIS 10.7手把手经典图文安装教程(附安装包下载地址)
  9. python和flask中返回JSON数据
  10. 二叉树最简单的遍历方式——二叉树的层序遍历
  11. 使用ASP.NET Web API构建Restful API
  12. 头目说“我不参与研发和测试的工作”,包含哪几个意思
  13. 破解硬盘还原卡与还原精灵
  14. 项目验收文档模板(二)
  15. HBuilder封装APP集成推送功能
  16. CCNet: Criss-Cross Attention for Semantic Segmentation阅读笔记
  17. html前端实现李峋爱心代码 百分百复刻
  18. sql概念模型和逻辑模型
  19. 《K8s与云原生应用》之K8s的系统架构与设计理念
  20. 从产业图谱看中国2020年数据智能行业的发展态势

热门文章

  1. java akka actor,【Akka】Actor引用
  2. 虽然我不懂浪漫,不会转弯,想的很简单~~~~
  3. matlab强化学习算法改编/菜鸟理解3——航天器三轴姿态稳定器网络调用·性能评估
  4. [Java面试三]JavaWeb基础知识总结.
  5. 如何解决后台日志显示Nacos客户端不断重复拉取配置的问题
  6. 数值计算---求希尔伯特矩阵的条件数
  7. c语言中strtod()函数的用法
  8. html语言怎么改变文字大小,如何设置css中字体大小?
  9. au如何将人相似_【出彩营销人】如何将地产小白培养成开单达人~
  10. I Miss You