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

Question

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

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

但是我发现我无法在隐藏的画布上绘图。所以我想知道如何在地下绘制图像并在加载地图时保存它？

谢谢你的帮助！

Answer 1

您可以使用离屏渲染

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

    }