具有react-pdf的托管图像

问题描述

Here是react-pdf的示例，而https://storage.googleapis.com/cbb_logos/conf_logos/conf-1-logo.png是指向GCS上公开托管的图像的链接。根据GCS，“具有此链接的任何人都可以访问公共Internet上的对象”

但是，如果我将链接复制到react-pdf示例的第11行中，则图像不会显示。对于docs的图像组件，它明确表示： React组件，用于显示网络或本地（仅限节点）的JPG或PNG图像，以及base64编码的图像字符串。 >

简而言之，我对此感到不吉利，还是有另一种方法可以在react-pdf中获取托管图像？也许另一个JS库对此更好？我认为将此图像本地保存到我的应用程序不是一个好主意，因为我还有1000个徽标，这会使我的应用程序大小增加很多。

Edit1 ：我通过这个Stackblitz（不是我的）https://stackblitz.com/edit/react-w5qb9a?file=src%2FApp.js

尝试使用jsPDF。

我删除了这个div

<div style={{ maxWidth: '40px' }}>
    <img
        style={{width: '100%' }}
        src='https://storage.googleapis.com/cbb_logos/conf_logos/conf-1-logo.png' 
    />
</div>

...在p标签下，然后下载了PDF，并且图像也没有出现。因此，我仍在寻找解决方案。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）