基于HTML5的北京地铁图示例

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

最近又有客户提到地铁图,高速路线图的需求,本质上只是基本的线条和点,重点是要有坐标数据,我从北京地铁官网找到了路线的xml数据,于是就做了个简单的示例,以供参考 在线演示: http://map.qunee.com/beijing_subway.html 数据来源为:http://www.bjsubway.com/subwaymap/station_map.html 因为代码非常简单,只有一百来行,所以这里就不多赘述,直接访问在线示例,查看源码即可 北京地铁图-html5_代码  

Qunee for HTML5 V2.6新版本发布

发表于 & 归档在 HTML5.

经过漫长的小幅升级,Qunee for HTML5最新版本来到了V2.6,主要修复了一些bug,另外增加了一些示例 欢迎升级或者申请试用: http://www.qunee.com 1、修复的bug 修复了IE下创建连线交互参考线绘制存在的问题 修复了IE下画布获取焦点时滚动条会跳动的问题 修复IE, Edge下框选group时出现的异常 修复了起始和结束节点重合时,导致连线捆绑曲线出现异常的问题 修复svg图标的节点,连线端点不到图片边缘的问题 解决Chrome最小字体限制 … 2、增加缩略图示例 http://demo.qunee.com/ 3、增加放大镜示例 http://demo.qunee.com/#Magnifying Glass   4、增加延迟加载的示例 http://demo.qunee.com/#Expanded TreeLayout 5、增加新的地图示例 http://map.qunee.com/tv_tower/

graph.editor V2.5更新到github

发表于 & 归档在 HTML5.

graph editor项目一直在修改中,在线示例也一直保持更新,最近我们对项目目录做了梳理,并整理了更多demo,更新了说明文档,提交到了github,以方便用户提取,对于github访问有困难的用户可以通过邮件(support#qunee.com)向我们索取项目代码 项目地址:https://github.com/samsha/graph.editor 更新说明 1、去除了bower包管理,改成直接引用相关的类库文件 由于graph.editor用到的第三方类库不多,依赖性也不高,包管理的必要性不大,所以直接将相关类库文件放在libs/目录中,不需要bower install,直接拿过来就可以运行示例,省去了install的麻烦 2、增加了更多的demo graph.editor目前还不是一个完整的产品,很多特性都需要用户自己扩展来满足,提供更多示例参考有助于用户学习使用 3、更新了外观样式,增加了属性面板编辑等更多特性

Qunee Interaction Event Type

发表于 & 归档在 HTML5.

Qunee makes some integration to Mouse, Key and TouchEvent. In order to facilitate the operation, it retains some original events and expands some other events. KeyEvent  onkeydown – keydown event MouseEvent or TouchEvent There are some integration made to the original MouseEvent or TouchEvent, some of which are unique to desktop browsers, like #onmousewheel; while… Read more »

Launch of Qunee for HTML5 V2.5

发表于 & 归档在 HTML5.

Qunee for HTMl5 V2.5 beta2 is launched. This version makes a great change on the kernel, adopts new 2D render engines, adds paint delay function, and improves the browsing experience of canvas by a large margin. It also reconstructs the process of MouseEvent, KeyEvent, and TouchEvent interaction, adds right button selection function, improves multi-touch interaction,… Read more »

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组件中对交互事件封装的目的与用途,掌握不同桌面平台与手持设备上的各自特点,了解不同事件对象提供的特殊属性