来自 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的帮助!
我正在尝试使用我使用 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的帮助!