Javascript數組總是未定義

Question

我正在嘗試將一些值推送到javascript數組，但是我總是有未定義值的數組。

    var picArray = [];
    var picTmp;
    for(var i =0; i < 4; i++)
    {
        html2canvas($("#graph-"+i), {
            onrendered: function(canvas) {
                picTmp = canvas.toDataURL();
            }
        });
        picArray.push(picTmp);
    }
    console.log(picArray);

將渲染所有視圖。 我在做什么錯？

Answer 1

我認為您的插件正在asynchronously工作，因此請在您的呈現回調之后填充數組，例如，

html2canvas($("#graph-"+i), {
   onrendered: function(canvas) {
       picTmp = canvas.toDataURL();
       picArray.push(picTmp); // add here after render callback
   }
});