时间戳

首页 > 解决方案 > 如何在 PDF 中添加第二张图片？

javascript - 如何在 PDF 中添加第二张图片？

问题描述

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

代码：

html2canvas($("#chartdiv"), {
   onrendered: function(canvas) {
   var 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.
   }
});
//i want to use variable myImage here.

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

非常感谢您的帮助！

标签： javascriptphpcodeigniterhtml2canvaspdfmake

解决方案

您在函数内部分配了 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.
   }
});

推荐阅读