細胞景js的可縮放背景

Question

我們正在爲一個項目製作一個圖表。此圖應顯示城市的所有交叉路口。和他們之間的大多數方式。我們開始使用cytoscape.js來繪製圖表。現在我們需要一個背後的背景。這個背景將是該城市的地圖，因此它必須是可滾動的並且處於正確的位置。

我們的第一個想法是製作一個矩形節點並給它一個背景。比我們添加了地圖，並放入正確的coördinates。現在地圖是可滾動的，始終處於正確的位置。這給了我們兩個問題。首先，圖形不能平移，因爲當你試圖平移你將嘗試選擇底層節點。我們通過使用cytograh-panzoom插件來解決這個問題。

第二個問題是，邊緣不再可以單擊，因爲背景節點現在正在覆蓋它們，並且似乎不可能將邊緣置於頂部。

的問題：

1. 是否有更好的庫來得出這樣的圖形？
2. 如果沒有，是否有可能在細胞景觀的節點上繪製邊緣？
3. 有沒有另一種方式與cytoscape做到這一點？

親切的問候

Answer 1

你可以聽viewport事件和更新的CSS你CY DIV設置背景圖片的background-position和background-size性能。

或者代替背景圖像，您可以使用單獨的div來顯示使用CSS轉換而不是background-*屬性的圖像。