Javascript 如何在PDF中添加第二个图像？

我是新来的。 我主要处理后端编程（OOP PHP），但我也必须做一些前端工作。 我目前正在使用html2canvas和pdfmake创建PDF（客户端）。 在这个PDF中，我必须包含2个动态加载的图形（canvas js）、表格和地图（Leavlat js）。 到目前为止，一切进展顺利（我做了所有其他事情），但我不知道如何将第二个图形添加到我的PDF中

代码：

这很好，但是我如何在函数外部使用变量myImage来添加我的docdefinition内容，用pdfmake创建我的pdf呢？ 我试图定义全局变量，但不起作用。 我不使用jspDF，因为我不能在那里使用西里尔文，我的PDF包含西里尔文

---

非常感谢你的帮助

如果在函数内部分配了var，那么最好是分配可以从外部访问的var

var myImage;

html2canvas($("#chartdiv"), {
   onrendered: function(canvas) {
   myImage = canvas.toDataURL("image/png");
   //here i can add table, map and variable myImage to my docdefinition content and call pdfMake.createPdf(docDefinition).download(); to download the pdf.
   }
});

---

谢谢，但我试过了，不起作用。当我为var otside分配了类似“var myImage=null”的函数，然后在函数之后添加了alert（myImage），结果为null。

var myImage;

html2canvas($("#chartdiv"), {
   onrendered: function(canvas) {
   myImage = canvas.toDataURL("image/png");
   //here i can add table, map and variable myImage to my docdefinition content and call pdfMake.createPdf(docDefinition).download(); to download the pdf.
   }
});