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

所有 View 均已渲染。我做错了什么？

Answer 1

我认为您的插件正在异步工作，因此在 onrendered 回调之后填充数组，例如，

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