Я преобразую из pdf в canvas, а затем из canvas в png и отображаю его в теге.Все работает отлично, но после того, как я уменьшил размер экрана до уровня ниже примерно 1000x353, изображение src исчезает.
Я отображаю эти изображения в сетке, используя Reaction-sortable-hoc, поэтому я не уверен, что этоошибка в реагируемой сортировке или я делаю что-то не так.
Вот изображения и холст div, которые я помещаю в sortable-hoc
<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')
Итак, это случилось с кем-то из вас?есть идеи, почему это происходит?
РЕДАКТИРОВАТЬ: Изменение названия.