来自 link 的图像未显示在 html2pdf 中

Image from a link not showing in html2pdf

我正在尝试使用我使用 npm 安装的 html2pdf 在 javascript 中生成 pdf。 问题是它不会在我的 pdf 中显示来自 url 的图像。这是我的代码:

这是一个显示问题的沙箱: https://codesandbox.io/s/html2pdf-not-loading-image-gvmx0u

如您所见,当您单击“导出为 pdf”时,内容变量中硬编码的图像没有进入文件..

结果是一个包含空格而不是图像的 pdf 文件。有谁知道如何将我的图像转换为 pdf 格式? js 中是否有更好的库可以从 html 构建 pdf?

对于那些想知道我通过在 Base64 中转换图像并使用承诺将其放入 html2pdf 的 html 内容来解决问题的人。

原始问题的沙盒中提供了完整答案: https://codesandbox.io/s/html2pdf-not-loading-image-gvmx0u

以下是提供帮助的资源(以及@KJ 在评论中告诉我的内容):

如何将图片转换为base64:

如何等待 xmlhhtprequest:

再次感谢KJ的帮助!