Qunee for HTML5 V2.5新版本发布

Qunee for HTMl5 V2.5 beta2版本正式发布,这次版本内核改动较大,采用了新的2D渲染引擎,增长了延迟绘制功能,大幅改善画布的浏览体验,此外重构了鼠标键盘以及触控交互监听处理,增长右键框选功能,改善了多点触控交互,增长了更多定制事件监听api

新的渲染引擎和变换矩阵

增长延迟绘制,缩短交互响应时间,平板设备上效果更加明显大数据

Q.Graph#pauseRendering: function(pause, force){}
Q.Graph#delayedRendering

下面是大数据量(五万图元)缩放交互时,关闭和开启延迟渲染的对比效果spa

关闭延迟渲染,graph.delayedRendering = false,界面略有卡顿
图片描述code

启用延迟渲染, graph.delayedRendering = true,界面及时响应,可是缩小时,画布会出现空白
图片描述事件

增长新的交互监听事件,实现右键框选功能

V2.5增长的事件类型图片

  • onmousedown - 鼠标点击事件同步

  • onmouseup - 鼠标释放事件it

  • onstart2 - 右键按下io

  • onrelease2 - 右键释放event

  • startdrag2 - 右键拖拽开始事件

  • ondrag2 - 右键拖拽事件

  • enddrag2 - 右键拖拽结束事件

  • onevent - 全部事件

  • accept - 用于判断是否响应事件

事件类型列表

image2016-4-6%2011%3A0%3A48.png?version=1&modificationDate=1459911649360&api=v2

增长右键框选交互器

Q.RectangleSelectionInteractionByRightButton
是否启用右键框选交互
Q.Graph#enableRectangleSelectionByRightButton

右键框选效果
图片描述

增长画布限制范围属性,能够实现画布在指定范围内显示的功能

Q.Graph#limitedBounds

限制画布范围

修复了ScrollBar.js的bug,画布视口变化时,同步滚动条状态

增长了图片作画布背景的示例

demo增长i18n中英文支持

修复一些bug,改善细节体验

相关文章
相关标签/搜索