javascript：在地下繪製圖像並保存

Question

我正在研究Censiumjs，這是一個JavaScript地圖庫。我想從json數據製作一個heatmap並在地圖上渲染它。

目前我的想法是使用熱圖javascript插件在隱藏畫布上繪製熱圖，然後將畫布保存爲圖像文件，最後在地圖上渲染圖像。

但是我發現我無法在隱藏的畫布上畫畫。所以我想知道如何在地圖上繪製圖像並在加載地圖時保存它？

感謝您的幫助！

Answer 1

您可以使用offscreen rendering

function main(){    
     // here we create an OFFSCREEN canvas 
     var offscreenCanvas = document.createElement('canvas'); 
     offscreenCanvas.width = 300px; 
     offscreenCanvas.height = 300px; 
     var context = offscreenCanvas.getContext('2d'); 

     // draw something into the OFFSCREEN context 
     context.fillRect(10,10,290,290); 
     // ... 

    }