Kineticjs路徑zorder - 高於所有控件

我有一個Kineticjs圖層，它有幾個Path對象。我正在渲染此畫布的網頁也有其他HTML控件，如按鈕和標籤。現在，每個這些路徑對象也都有工具提示（基本上Kineticjs標籤和標籤）。問題是這些工具提示出現在其他html控件（如按鈕或標籤）下面。是否有可能控制每個這些路徑（不是我只有一層）的z-index出現在這些其他html控件的上方或下方？Kineticjs路徑zorder - 高於所有控件

來源

2013-10-10 Vik

不是。您通過KineticJS呈現的所有內容都只有一個z-index相對於文檔和其他元素有。

您必須爲每個z-indices需要創建單獨的KineticJS畫布。

來源

2013-10-10 18:14:19 mreq

+1正確。如果你有一個帶有其他html元素的Kinetic容器，你將不得不在所有其他html元素之上創建第二個Kinetic工具提示容器。此外，當您完成顯示工具提示時，您必須將第二個Kinetic容器移出屏幕以允許事件到達您的html元素。 – markE

謝謝！但是，如果我在自己的畫布中渲染每條路徑來控制z順序，那麼如果我有1000條路徑（每個路徑都有一定的間隔更新），它將影響性能。 – Vik

只有3「z級」。底部：將工具提示以外的路徑對象放在Kinetic Container＃1上。中間：放置你的html元素。頂部：將您的工具提示放在Kinetic Container＃2上。 – markE

Kineticjs路徑zorder - 高於所有控件

回答

相關問題