var fackData = [];
    for (var i = 0; i < 10000; i++) {
        fackData.push([Math.random()  2048, Math.random()  900, Math.floor(Math.random() * 600)]);
    }


var z = WebGLCanvas.render({
    width:1024,
    height:100,
    radius: 18,
    max: 800,
    min: 100,
    filter: 12
}, fackData);
for (var i = 0; i < z.length; i++) {
    document.body.appendChild(z[i]);
};</pre> </div>

可以看到 插件需要的數據格式為 fackData 提供的格式。
 
WebGLCanvas.render(cfg,data) 方法返回的是一個 多個canvas的數組。
 
你只需要把這些canvas append 到dom樹中就行
 
注意 render 方法里面的 width 和 height 很可能不是最后生成的 canvas的實際尺寸，因為gl中要求每個紋理的尺寸必須是2的n次方。
 

 





項目地址： https://github.com/wshxbqq/WebGL-HeatMap