javascript: нарисуйте изображение под землей и сохраните

Question

Я работаю над Censiumjs, который является библиотекой карт javascript. Я хочу сделать тепловую карту из данных json и отобразить ее на карте.

В настоящее время моя идея состоит в том, чтобы нарисовать карту тепла на скрытом холсте, используя плагин java-плагина heatmap, затем сохранить холст в качестве файла изображения и, наконец, сделать изображение на карте.

Однако я обнаружил, что не могу рисовать на скрытом холсте. Поэтому мне интересно, как я могу нарисовать изображение под землей и сохранить его при загрузке карты?

Благодарим за помощь!

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); 
     // ... 

    }