将图表导出为PDF在没有警报的情况下无法正常工作

Question

我试图将所有图表一个接一个地导出到单个pdf中。一条警报消息一切正常，但代码在没有alert()方法的情况下无法正常工作。

这是我的代码：

function exportChartsToPDF(){
    for( i=0; i<count;i++){
        alert();//<-----this one
        //converting svg to canvas here, one by one
        image.onload = function() {
            //printing image on canvas1,2,3...so on
        };
    }
    //getting imagedata from canvas 1,2,3,... and adding to pdf 
    for(i=0;i<count;i++){
        var canvas_t = document.getElementById("canvas"+(i+1));
        canvasdata = canvas_t.toDataURL("image/jpeg",1.0);
        pdf.addImage(canvasdata, "JPEG", 0,i*graph_h,graph_w,graph_h);
    }
    pdf.save("download.pdf");
}

Answer 1

您正在加载图片时将图像添加到画布中，但在渲染PDF之前，您不会等到所有图像都已加载。

警告可能只是让他们有时间在渲染之前加载。