javascript：在地下绘制图像并保存

Question

我正在制作Censiumjs，这是一个javascript地图库。我想从json数据制作热图并在地图上渲染它。

目前我的想法是使用热图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);
        // ...

    }