Qunee for HTML5 V2.5新版本发布

发表于 & 归档在 HTML5, 拓扑图.

Qunee for HTMl5 V2.5 beta2版本正式发布,此次版本内核改动较大,采用了新的2D渲染引擎,增加了延迟绘制功能,大幅改善画布的浏览体验,此外重构了鼠标键盘以及触控交互监听处理,增加右键框选功能,改善了多点触控交互,增加了更多定制事件监听 1. 新的渲染引擎和变换矩阵,增加延迟绘制,缩短交互响应时间,平板设备上效果更加明显 Q.Graph#pauseRendering: function(pause, force){} Q.Graph#delayedRendering 下面是大数据量(五万图元)缩放交互时,关闭和开启延迟渲染的对比效果 关闭延迟渲染,graph.delayedRendering = false,界面略有卡顿   启用延迟渲染, graph.delayedRendering = true,界面及时响应,但是缩小时,画布会出现空白 2. 增加新的交互监听事件,实现右键框选功能 V2.5增加的事件类型 onmousedown – 鼠标点击事件 onmouseup – 鼠标释放事件 onstart2 – 右键按下 onrelease2 – 右键释放 startdrag2 – 右键拖拽开始事件 ondrag2 – 右键拖拽事件 enddrag2 – 右键拖拽结束事件 onevent – 所有事件 accept – 用于判断是否响应事件 增加右键框选交互器 Q.RectangleSelectionInteractionByRightButton 是否启用右键框选交互 Q.Graph#enableRectangleSelectionByRightButton 右键框选效果 3…. Read more »

Qunee for HTML5 V2.5新增交互事件类型

发表于 & 归档在 HTML5, 拓扑图.

交互事件列表

参看下面的表格,了解Graph组件中对交互事件封装的目的与用途,掌握不同桌面平台与手持设备上的各自特点,了解不同事件对象提供的特殊属性

Qunee for HTML5 V2.4beta新版本发布

发表于 & 归档在 HTML5, 拓扑图.

经过半年的迭代更新,在多个2.3.*版本之后,Qunee for HTML5 V2.4beta版本正式发布,此次更新修复了一些bug,增加了新的示例,欢迎访问和升级 在线示例:http://demo.qunee.com/ 官网:http://www.qunee.com 修改内容 1、改进了图片边缘算法,让线条端点更加贴近图片边缘 2、改进GIF图片内存占有量,对于大的gif图片,内存占用量大大降低   3、修改了画布结构和鼠标键盘监听机制,避免了监听器导致的内存无法被释放问题   4、此外增加了五十多个新的API,图片翻转与镜像等,提供更多扩展和定制的可能   新增示例 1、OTDR光缆检测面板示例   在线访问地址:http://demo.qunee.com/#OTDR Demo 2、电路图以及网格刻度背景示例   在线访问地址:http://demo.qunee.com/#Grid Background 3、地图中,节点辐射范围的定制 在线访问地址:http://demo.qunee.com/#China Map

使用Qunee组件制作在线地图 – 加载GeoJSON/TopoJSON数据

发表于 & 归档在 HTML5, Map, 地图, 拓扑图.

Qunee for HTML5有许多地图的示例,包括地铁图,基于SVG数据的地图,结合leaflet的地图等,每个示例都是单独的实现,代码也各有不同,于是我们想,是否能将这些方案统一起来,实现一种地图解决方案呢?于是我们开始整合,从世界地图到国内各市县的地图,再到各种地铁图,都用HTML5技术呈现出来,而在地图之上还有我们的拓扑图,等值分析图,地铁线路分析等等,本文我们将介绍如何使用Qunee加载标准地图数据,实现从世界地图到国内省市地图的呈现
世界地图 by qunee

Qunee for HTML5与ECharts对比

发表于 & 归档在 HTML5, JavaScript, Web, 地图, 拓扑图.

ECharts是百度公司支持的开源产品,定位于Chart,Qunee for HTML5是上海酷利软件的商业软件,定位于拓扑图,两者都是前端技术,同属于数据可视化类库,但差异也很明显,本文将从大的方面对比两者特点

  • ECharts:图表 – 折线图、柱状图、散点图、K线图、饼图、雷达图、地图、和弦图、力导向布局图、仪表盘以及漏斗图
  • Qunee for HTML5:拓扑图 – 拓扑图 – 社交网络图、网络管理图;地图 – 地铁图、统计地图;其他 – 组织图、思维导图、流程图

echarts vs qunee for html5

拓扑图编辑器(3)- Graph.Editor项目

发表于 & 归档在 HTML5, JavaScript, Web, 拓扑图, 编辑器.

继续拓扑图编辑器的开发,并创建了项目Graph.Editor,正式发布到github了,项目使用了nodejs,bower,gulp等HTML5项目开发工具,bower用于前端包管理,Gulp用于自动发包和发布,欢迎Qunee客户使用和贡献代码

相关文章:

项目地址:https://github.com/samsha/graph.editor

在线演示:http://demo.qunee.com/editor/

拓扑图编辑器截图1