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

    }