博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Qunee for HTML5 V2.5新版本发布
阅读量:5780 次
发布时间:2019-06-18

本文共 837 字,大约阅读时间需要 2 分钟。

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

新的渲染引擎和变换矩阵

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

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

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

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

图片描述

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

图片描述

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

V2.5增加的事件类型

  • onmousedown - 鼠标点击事件

  • onmouseup - 鼠标释放事件

  • onstart2 - 右键按下

  • onrelease2 - 右键释放

  • 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,改善细节体验

转载地址:http://rouyx.baihongyu.com/

你可能感兴趣的文章
Tasks and Back stack 详解
查看>>
关于EXPORT_SYMBOL的作用浅析
查看>>
成功的背后!(给所有IT人)
查看>>
在SpringMVC利用MockMvc进行单元测试
查看>>
Nagios监控生产环境redis群集服务战
查看>>
Angular - -ngKeydown/ngKeypress/ngKeyup 键盘事件和鼠标事件
查看>>
Android BlueDroid(一):BlueDroid概述
查看>>
Java利用httpasyncclient进行异步HTTP请求
查看>>
宿舍局域网的应用
查看>>
html代码究竟什么用途
查看>>
oracle的substr函数的用法
查看>>
Hadoop HDFS编程 API入门系列之路径过滤上传多个文件到HDFS(二)
查看>>
Nginx反向代理,负载均衡,redis session共享,keepalived高可用
查看>>
CentOS7 yum 安装git
查看>>
三元表达式之理解/jquery源代码分析之$.inArray实现
查看>>
STM32 mdk软件仿真时过不去时钟的问题
查看>>
Spark Streaming概念学习系列之Spark Streaming容错
查看>>
单例模式
查看>>
用友网络陈强兵:企业互联网需解决五大问题
查看>>
SMA推出Powerwall兼容Sunny Boy Storage逆变器
查看>>