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

Question

我正在尝试使用 pdfMake pdf engine 在我的应用程序中以 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");
 }

在this fiddle中给出。但是当我使用自定义图像时，它会在第一次单击下载按钮时出现 Uncaught TypeError: Cannot read 属性 'embed' of undefined 错误（检查安慰）。当我再次运行颂歌时，pdf 将正确下载。那么如何解决 Uncaught TypeError 错误？

编辑：如果我按照this fiddle中给出的直接给出图像的dataurl，它将正常工作。但我想根据上面第一个 fiddle 中给出的图像 link 动态传递 dataurl。

Answer 1

我可以通过在 Base64[ 中提供图像来解决“Uncaught TypeError: Cannot read 属性 'embed' of undefined” =20=].

我找到了解决方案 here。

有关 PDFMake 和图像的更多信息，请点击此处 documentation。

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

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

javascript

pdf

jquery

pdf-generation

pdfmake