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,改善細節體驗

相關文章
相關標籤/搜索