`
zzc0000
  • 浏览: 32997 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

分享一套基于HTML5的网络拓扑图组件 Qunee下载

阅读更多
一套基于HTML5的网络图组件

使用HTML5 Canvas技术,绘制清新、流畅的网络图,可用于社交网络图、拓扑图、流程图、地图等需求, JS组件封装,藏繁琐于简洁,轻松构建优雅的互联网应用与企业应用,让数据的在线可视化变得容易

 

下载地址http://im.gitom.com/qunee/demos

有什么问题可以与我联系 QQ:285264911

 

组件特点

  • 轻巧、高性能 - 支持上万图元,流畅操作
  • 矢量图形 - 支持矢量图形,无极缩放
  • 交互体验 - 漫游交互,改进交互事件、支持手持设备
  • 注重细节 - GIF动画,丰富渐变,层次控制等

Qunee发音

Qunee - 发音为“kjuːni”,寓意优雅轻巧,符合我们对于产品细节与用户体验的一种态度

提供Web图形解决方案

地图 - 地铁图、统计地图

Qunee提供的丰富矢量图形,对于点线之类数据的展现,能得心应手得解决,可运用于地铁、管线这样的应用

Qunee支持漫游交互、无极缩放、不限制坐标范围,这很适合地图的呈现,加上多边形丰富的样式,可用于解决地图背景、以及统计地图之类的问题

拓扑图 - 社交网络图、网络管理图

支持节点、连线、分组等图元类型,具有良好的层次控制,支持上万图形元素,并且流畅操作,带来轻快、高效的视觉体验,适合解决网状数据的呈现与交互问题

其他 - 组织图、思维导图、流程图

借助强大的树形布局器,可以解决树形结构数据的自动布局问题,可运用于组织图、思维导图等

提供丰富的基本图形与箭头样式,支持弯曲、正交等连线类型,加上包含关系的控制,可以解决流程图之类的问题

轻松开发

Qunee for HTML5使用JavaScript语言进行开发,引入qunee-min.js文件,编写简单的代码,就可以开发出来网络拓扑图

<!DOCTYPE html><html><head><title>Hello Qunee for HTML5</title><scriptsrc="http://demo.qunee.com/lib/qunee-min.js"></script><script>function init(){var graph =new Q.Graph('canvas');var hello = graph.createNode("Hello",-100,-50);
      hello.image = Q.Graphs.server;var qunee = graph.createNode("Qunee",100,50);var edge = graph.createEdge("Hello\nQunee", hello, qunee);

      edge.setStyle(Q.Styles.LABEL_OFFSET_Y,-10);
      edge.setStyle(Q.Styles.LABEL_POSITION, Q.Position.CENTER_TOP);
      edge.setStyle(Q.Styles.LABEL_ANCHOR_POSITION, Q.Position.CENTER_BOTTOM);
      edge.setStyle(Q.Styles.LABEL_BORDER,1);
      edge.setStyle(Q.Styles.LABEL_POINTER,true);
      edge.setStyle(Q.Styles.LABEL_PADDING,new Q.Insets(2,5));
      edge.setStyle(Q.Styles.LABEL_BACKGROUND_GRADIENT,
          Q.Gradient.LINEAR_GRADIENT_VERTICAL);}</script></head><bodyonload="init();"><divstyle="width:800px; height:500px; margin:auto;"id="canvas"/></body></html>
为什么选择HTML5技术?

以前富客户端应用主要通过插件技术实现,比如Adobe Flash, Microsoft Silverlight, Java Applet,都存在些问题(需要安装插件,不支持移动平台等),相比之下HTML5的优势是:

  • 不需要安装插件
  • 跨平台,支持主流浏览器和移动设备
  • w3c的国际标准

 

随着技术的发展,主流浏览器对HTML5支持越来越完善,网页不再只是展示文字和图片,使用HTML5技术组合,可以实现更多的功能:实时通讯、本地存储、 图形绘制,借助Canvas,SVG以及CSS3技术, 可以实现丰富的图形界面和动画

有了这些技术的支撑,网页中呈现专业的图形组件成为了可能,Qunee for HTML5选择HTML5技术,将这种可能性变为现实, 降低了技术门槛,使得高效、丰富、动态的图形展示变的容易。

 

分享到:
评论

相关推荐

    qunee网络拓扑图

    "Qunee网络拓扑图"是一个基于JavaScript和HTML技术构建的网络拓扑可视化工具。在IT领域,网络拓扑图是表示网络设备、服务器、线路等元素间连接关系的图形化表示,对于网络管理员来说,它至关重要,因为它能够直观地...

    一套完整可用的面向电信级/企业级用户的HTML5网络拓扑图组件. 图形是基于SVG绘制的,同时配备了一系列UI套件

    这个Repository提供的网络拓扑, 是一套完整可用的面向电信级/企业级用户的HTML5网络拓扑图方案. 图形是基于SVG绘制的, 同时配备了一系列UI套件, 使您更直观的了解Topology是如何工作的 指南 因为文件较多, 所以建议...

    OmniGraffle Mac制作网络拓扑图的神器模版

    一套OmniGraffle Professional 网络拓扑图模板,使用 Mac 制作网络拓扑图的神器

    使用qunee插件实现html工作流程图

    Qunee是一款强大的JavaScript库,它提供了一套全面的UI组件和丰富的图形绘制功能,包括工作流程图的绘制。与Echarts2相比,Qunee在灵活性和自定义性方面更胜一筹,使得开发者能够更加自由地设计和定制自己的工作流程...

    分享一套基于ssm班级同学录网站(源码+文档+部署).zip

    分享一套基于ssm班级同学录网站(源码+文档+部署) 【基于ssm班级同学录网站的设计与实现】成功以高分通过项目,期间得到了导师的悉心指导与关键助力。 本项目是一套基于ssm班级同学录网站,专为计算机专业学生及Java...

    Qunee-H5-v2.6.04 demo及doc文档

    Qunee for HTML5(以下简称Qunee)是一套基于HTML5技术的图形组件产品,使用HTML5 Canvas技术,绘制清新、流畅的网络图,可用于社交网络图、拓扑图、流程图、地图等需求, JS组件封装,藏繁琐于简洁,轻松构建优雅的...

    分享一套基于ssm宠物医院信息管理系统(源码+文档+部署).zip

    分享一套基于ssm宠物医院信息管理系统(源码+文档+部署) 【基于ssm宠物医院信息管理系统的设计与实现】成功以高分通过项目,期间得到了导师的悉心指导与关键助力。 本项目是一套基于ssm宠物医院信息管理系统,专为...

    分享一套基于ssm贝儿米幼儿教育管理系统(源码+文档+部署).zip

    分享一套基于ssm贝儿米幼儿教育管理系统(源码+文档+部署) 【基于ssm贝儿米幼儿教育管理系统的设计与实现】成功以高分通过项目,期间得到了导师的悉心指导与关键助力。 本项目是一套基于ssm贝儿米幼儿教育管理系统,...

    Qunee for Html5 学习资源

    5. **UI组件**:Qunee提供了多种预定义的UI组件,如按钮、表单、面板等,这些组件可以快速搭建页面布局,提高开发效率。 6. **触摸支持**:随着移动设备的普及,Qunee也考虑到了触摸操作,使得在触屏设备上的交互...

    OmniGraffle Professional 网络拓扑图模板

    Basic Cisco Icons 一套OmniGraffle Professional 网络拓扑图模板 ,下载后解压缩,双击会主动加载。这个zip另保护OmniGraffle Professional V5.4.2 许可证

    一套基于vue3、element-plus、typescript4、vite3的后台集成方案

    一套基于vue3、element-plus、typescript4、vite3的后台集成方案;使用了最新的vue3,vite4,TypeScript等主流技术开发,开箱即用的中后台前端解决方案,可以用来作为项目的启动模版,vue-element-plus-admin 的定位...

    echarts升级版关系图,网络拓扑图,资源关系图,可添加,搜索(支持高亮显示),排序,删除

    总的来说,ECharts的升级版关系图、网络拓扑图和资源关系图为数据分析和可视化提供了一套强大且灵活的工具,无论是在科研、企业管理还是在日常的数据分析工作中,都能有效地帮助用户理解和展示复杂的数据关系。...

    一套基于 Ant Design 和 Blazor 的企业级组件库

    一套基于 Ant Design 和 Blazor 的企业级组件库 。 提炼自企业级中后台产品的交互语言和视觉风格。开箱即用的高质量 Blazor 组件,可在多种托管方式共享。支持基于 WebAssembly 的前端和基于 SignalR 的服务端 UI ...

    一套基于Vuejs的移动关组件库

    使用vue2 vue-router vueX ES6 scss axios zepto vue-cli开发...封装了一系列组件,非常适于移动端开发,其中价格双滑块组件、酒店日历组件、图片预览组件、上传图片组件、三级联动组件等在网上基本找不到相应的例子

    分享一套基于ssm电子商城系统(源码+文档+部署).zip

    本项目是一套基于ssm电子商城系统,专为计算机专业学生及Java学习者量身打造,特别适合正在做毕业设计的学生和寻求项目实战练习的学习者。也可作为课程设计或期末大作业使用。 本项目包含完整的项目源码、数据库脚本...

    分享一套基于ssm超市管理系统(源码+文档+部署).zip

    本项目是一套基于ssm超市管理系统,专为计算机专业学生及Java学习者量身打造,特别适合正在做毕业设计的学生和寻求项目实战练习的学习者。也可作为课程设计或期末大作业使用。 本项目包含完整的项目源码、数据库脚本...

    分享一套基于ssm旅游资源网站(源码+文档+部署).zip

    本项目是一套基于ssm旅游资源网站,专为计算机专业学生及Java学习者量身打造,特别适合正在做毕业设计的学生和寻求项目实战练习的学习者。也可作为课程设计或期末大作业使用。 本项目包含完整的项目源码、数据库脚本...

    分享一套基于ssm小说阅读网站(源码+文档+部署).zip

    本项目是一套基于ssm小说阅读网站,专为计算机专业学生及Java学习者量身打造,特别适合正在做毕业设计的学生和寻求项目实战练习的学习者。也可作为课程设计或期末大作业使用。 本项目包含完整的项目源码、数据库脚本...

    分享一套基于ssm个人交友网站(源码+文档+部署).zip

    本项目是一套基于ssm个人交友网站,专为计算机专业学生及Java学习者量身打造,特别适合正在做毕业设计的学生和寻求项目实战练习的学习者。也可作为课程设计或期末大作业使用。 本项目包含完整的项目源码、数据库脚本...

    分享一套基于ssm房屋租赁系统(源码+文档+部署).zip

    本项目是一套基于ssm房屋租赁系统,专为计算机专业学生及Java学习者量身打造,特别适合正在做毕业设计的学生和寻求项目实战练习的学习者。也可作为课程设计或期末大作业使用。 本项目包含完整的项目源码、数据库脚本...

Global site tag (gtag.js) - Google Analytics