0

我正在从 pdf 转换为画布，然后从画布转换为 png 并在标签中显示它。一切正常，但是在我将屏幕尺寸最小化到大约 1000x353 范围以下之后，图像 src 消失了。

我正在使用 react-sortable-hoc 在网格上显示这些图像，所以我不确定这是否是 react-sortable 中的错误或者我做错了什么。

这是我放入 sortable-hoc 的图像和画布 div

<div>
                <canvas key={index} style={{display:'none'}} ref={(ref) => this.canvasRefs[`canvas${index}`] = ref} > </canvas>
                <div><span>Page No. {index+1}</span> <span><Icon type="reload" /></span> <span><Icon type="close-circle-o" /></span>  </div>
                <img className={styles.imgThumb} key={index+100} ref={(ref) => this.imageRefs[`img${index}`] = ref} alt = "pdfimage"/>
               </div>

在从服务器接收到它并从画布转换为图像后，我在承诺内将源代码提供给它，如下所示

imagez.src = canvas.toDataURL('image/png')

那么，你们中有人发生过这种情况吗？任何想法为什么会发生这种情况？

编辑：更改标题。

4

0 回答 0