<!doctype html>
<title></title>
<script src="/_pdf_js/pdf.js"></script>
<canvas></canvas>
<script>
function render(pdfData) {
  return _render(pdfData);
}

async function _render(pdfData) {
  let loadingTask = pdfjsLib.getDocument({data: atob(pdfData)});
  let pdf = await loadingTask.promise;
  let rendered = [];
  for (let pageNumber=1; pageNumber<=pdf.numPages; pageNumber++) {
    let page = await pdf.getPage(pageNumber);
    var viewport = page.getViewport({scale: 96./72.});
    // Prepare canvas using PDF page dimensions
    var canvas = document.getElementsByTagName('canvas')[0];
    var context = canvas.getContext('2d');
    canvas.height = viewport.height;
    canvas.width = viewport.width;

    // Render PDF page into canvas context
    var renderContext = {
      canvasContext: context,
      viewport: viewport
    };
    await page.render(renderContext).promise;
    rendered.push(canvas.toDataURL());
  }
  return rendered;
}
</script>
