“未捕获的类型错误:无法读取未定义的属性'嵌入'”在 pdfMake pdf 引擎中使用自定义图像时

"Uncaught TypeError: Cannot read property 'embed' of undefined" when using custom image in the pdfMake pdf engine

本文关键字：pdf 引擎 pdfMake 图像 自定义 嵌入 错误 类型 读取 属性 未定义      更新时间：2023-09-26

>我正在尝试使用 pdfMake pdf 引擎将应用程序中的一些报告下载为 pdf，并将 jpg 徽标图像添加为，

var logoImg = 'sampleImage.jpg';
var logoImage = "http://upload.wikimedia.org/wikipedia/en/a/a9/Example.jpg";
if (logoImage) {
     var img = new Image();
     img.setAttribute('crossOrigin', 'anonymous');
     img.src = logoImage;
     var canvas = document.createElement("canvas");
     canvas.width = img.width;
     canvas.height = img.width;
     var ctx = canvas.getContext("2d");
     ctx.drawImage(img, 0, 0);
     logoImg = canvas.toDataURL("image/png");
 }

这首小提琴中给出了。但是当我使用自定义映像时，它会给出未捕获的类型错误：第一次单击下载按钮时无法读取未定义错误的属性"嵌入"（检查控制台）。当我再次运行颂歌时，pdf 将正确下载。那么如何解决未捕获的类型错误错误？

编辑：如果我直接按照这个小提琴中给出的图像数据网址，它将正常工作。但是我想根据上面的第一个小提琴中给出的图像链接动态传递 dataurl。

我可以通过在 Base64 中提供图像来解决"未捕获的类型错误：无法读取未定义的属性'嵌入'"。

我在这里找到了解决方案。

有关 PDFMake 和图像的更多信息，请参阅以下文档。

相关文章：