可擴展的Kinetic.JS矢量地圖

我有一個Flash應用程序與巨大的交互式可伸縮矢量世界地圖分離的額外大量的可選圖層（如人口地圖，資源圖等），我需要端口到html5動力學。 JS。所以，所有的圖層都在swf/swc/fla中。在htmlt5中，這種應用程序的性能最佳實踐是什麼？我應該將所有圖形轉換爲svg（對於矢量swf有可能嗎？）並在運行時簡單縮放它，還是將它作爲一些mipmap（預製縮放版圖形）柵格化並繪製預先製作的圖像而不是縮放比較好？可擴展的Kinetic.JS矢量地圖

來源

2014-03-31 user3388811

KineticJS是基於畫布的，並且畫布可以使用.SVG圖像進行縮放，但像素化程度較低。

更好的視覺效果

爲了獲得最佳的視覺效果，你應該使用.SVG圖像源如果可能的話Kinetic.Image堅持。

更好的性能

最近動力學的版本（5.1.0）已經加入了Kinetic.FastLayer它通過消除事件系統的開銷，提高繪圖性能。

爲了獲得更好的性能，您可以對除用戶交互層之外的所有地圖+覆蓋圖層使用FastLayers +縮放。

來源

2014-03-31 18:41:21 markE

謝謝你的回答。我確定這是我的壞形式問題，但是我在詢問這種情況下的性能優化。所以，我知道kinetic.js svg的支持，但縮放矢量地圖圖層的數量會導致巨大的滯後，我想。所以我問的任何方式來優化這個問題（緩存mipmap，緩存層或純svg縮放）。 – user3388811

我現在明白了。我重新回到了我的答案，專注於更好的視覺效果和性能結果。乾杯! – markE

可擴展的Kinetic.JS矢量地圖

回答

相關問題