KineticJS-為什么要使用這么多隱藏的畫布元素？
[英]KineticJS- Why does it use so many hidden canvas elements?
問題描述
我剛開始學習canvas元素，但我相信它是雙緩沖的。 查看kineticjs的代碼似乎Kinetic.Stage創建了兩個畫布（不在DOM中），一個Kinetic.SceneCanvas和一個Kinetic.hitCanvas。 當你向舞台添加一個圖層時，它似乎會創建另外兩個畫布，另一個是Scene和Hit畫布，其中一個畫面顯示在DOM中。 為什么需要這么多重疊的畫布？ 或者我誤讀了代碼和/或錯過了重點？
謝謝
1 個解決方案
解決方案1
4 2013-07-09 20:52:50
直接從KineticJS GitHub自述文件 ：
動力學階段由用戶定義的層組成。 每個圖層都有兩個畫布渲染器，一個場景渲染器和一個命中圖渲染器。 場景渲染器是您可以看到的，並且命中圖形渲染器是一個特殊的隱藏畫布， 用於高性能事件檢測 。 每個圖層可以包含形狀，形狀組或其他組的組。 階段，圖層，組和形狀是虛擬節點，類似於HTML頁面中的DOM節點。
此外，在功能部分，KineticJS功能：
通過彩色圖散列檢測高性能事件
為什么在canvas上繪制很多元素時頁面開始卡頓？
[英]Why does the page start to lag when drawing many elements on the canvas?
使用mousemove繪制形狀，拖放和使用dynamicjs調整大小-KineticJS
[英]Draw shapes with mousemove, drag and drop and resize with kineticjs- KineticJS
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.