小程序Canvas性能優化實戰

案例背景 需求： 在小程序中使用canvas組件繪製地鐵圖，地鐵圖包括地鐵線路、站點圖標、線及站點名稱文字，繪製元素爲線、圓、圖片、文字。 支持拖動平移和雙指縮放。 問題： 小程序中的canvas性能有限，特別在交互的過程當中不斷觸發重繪會引起嚴重卡頓。html 基本實現 在不考慮優化的狀況下，先說說如何實現繪製和交互。ios 數據格式 首先看看數據，服務返回的數據中每一個元素都是獨立的，包括該元

>>阅读原文<<