Qunee for HTML5 V2.5新版本发布

QuneeforHTML5 V2.5beta2版本已发布,主要改进包括采用新的2D渲染引擎及增加延迟绘制功能,大幅提升用户体验;重构鼠标键盘及触控交互监听处理,增加右键框选功能;并修复多项bug。

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

1. 新的渲染引擎和变换矩阵,增加延迟绘制,缩短交互响应时间,平板设备上效果更加明显

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

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

关闭延迟渲染,graph.delayedRendering = false,界面略有卡顿

without_delayed

 

启用延迟渲染, graph.delayedRendering = true,界面及时响应,但是缩小时,画布会出现空白

delayed_rendering

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

V2.5增加的事件类型
onmousedown - 鼠标点击事件
onmouseup - 鼠标释放事件
onstart2 - 右键按下
onrelease2 - 右键释放
startdrag2 - 右键拖拽开始事件
ondrag2 - 右键拖拽事件
enddrag2 - 右键拖拽结束事件
onevent - 所有事件
accept - 用于判断是否响应事件

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

右键框选效果

右键框选

3. 增加画布限制范围属性,可以实现画布在指定范围内显示的功能

Q.Graph#limitedBounds

限制画布范围

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

 

5. 增加了图片做画布背景的示例

 

6. demo增加i18n中英文支持

 

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

转载于:https://my.oschina.net/nosand/blog/653722

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值