最近又有客户提到地铁图,高速路线图的需求,本质上只是基本的线条和点,重点是要有坐标数据,我从北京地铁官网找到了路线的xml数据,于是就做了个简单的示例,以供参考 在线演示: http://map.qunee.com/beijing_subway.html 数据来源为:http://www.bjsubway.com/subwaymap/station_map.html 因为代码非常简单,只有一百来行,所以这里就不多赘述,直接访问在线示例,查看源码即可 北京地铁图-html5_代码
文章分类: HTML5
Qunee for HTML5 V2.6新版本发布
经过漫长的小幅升级,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
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
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
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新版本发布
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新增交互事件类型
交互事件列表
参看下面的表格,了解Graph组件中对交互事件封装的目的与用途,掌握不同桌面平台与手持设备上的各自特点,了解不同事件对象提供的特殊属性