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

我正在开发Censiumjs，这是一个javascript映射库。我想从json数据制作一个热图，并将其呈现在地图上

目前我的想法是使用热图javascript插件在隐藏的画布上绘制热图，然后将画布保存为图像文件，最后在地图上渲染图像

然而我发现我不能在隐藏的画布上画画。所以我想知道如何在地下绘制图像并在加载地图时保存它

谢谢你的帮助

您可以使用

---

画布可以位于图像顶部，在绘制时覆盖。

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

    }