屏幕尺寸减小到一定范围以下后，图像src消失

Question

我正在从pdf转换为canvas，然后从canvas转换为png并将其显示在tag中。 一切都很完美但是在我将屏幕尺寸减小到1000x353以下之后，图像src就消失了。

我使用react-sortable-hoc在网格上显示这些图像 所以我不确定它是否是反应中的错误 - 可排序或我是否做错了。

这是我放入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')

所以，这有没有发生在你们这些人身上？ 任何想法为什么会这样？

编辑：更改了标题。