Конвертация canvas в img объект — пустая картинка, почему?

Question

[akdes]

Привет всем.

Делаю загрузку PDF и предварительный обзор файла. Далее нужно сохранить обзор как картинку на сервере, и вот прежде чем её слать на сервер, решил посмотреть, всё ли ок...

Читаю PDF, делаю canvas - супер.

var img = new Image();
img.src = canvas.toDataURL();
document.body.appendChild(img);

Выдаёт картинку похожих размеров, но пустую и прозрачную.

Вот jsfiddle.

Спасибо за помощь

Answer 1

[RAX7]

Дождись когда page.render отрисует pdfку на холсте, после этого уже можно будет использовать canvas.toDataURL.

const renderTask = page.render(renderContext).promise;

renderTask.then(() => {
  var img = new Image();
  img.src = canvas.toDataURL();
  img.onload = () => document.body.appendChild(img);
});

Comments

[akdes]

спасибо, промис на рендер пробовал, а вот img.onload нет..