summaryrefslogtreecommitdiff
path: root/dist/js/pdf-view.js
blob: a9372fdcaa4c939f62695f8579736995faee87df (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
/** This code is under the Apache License Version 2.0, January 2004
 * http://www.apache.org/licenses/, as it is heavily based on
 * documentation of pdf.js (which is under Apache License v2.0)
 */

PDFJS.workerSrc = '/dist/js/pdf.worker.min.js';

var url = 'presentations/investors2017.pdf';

var pdfDoc = null,
    pageNum = 1,
    pageRendering = false,
    pageNumPending = null,
    scale = 1,
    canvasLeft = document.getElementById('the-canvas-left'),
    canvasRight = document.getElementById('the-canvas-right');

/**
 * Get page info from document, resize canvas accordingly, and render page.
 * @param num Page number.
 */
function renderPage(canvas,num) {
  pageRendering = true;
  // Using promise to fetch the page
  pdfDoc.getPage(num).then(function(page) {
    var viewport = page.getViewport(scale);
    canvas.height = viewport.height;
    canvas.width = viewport.width;

    // Render PDF page into canvas context
    var renderContext = {
        canvasContext: canvas.getContext('2d'),
        viewport: viewport
    };
    var renderTask = page.render(renderContext);

    // Wait for rendering to finish
    renderTask.promise.then(function() {
      pageRendering = false;
      if (pageNumPending !== null) {
        // New page rendering is pending
        renderPage(pageNumPending);
        pageNumPending = null;
      }
    });
  });

  // Update page counters
  document.getElementById('page_num').textContent = pageNum;
}

/**
 * If another page rendering in progress, waits until the rendering is
 * finised. Otherwise, executes rendering immediately.
 */
function queueRenderPage(num) {
  if (pageRendering) {
    pageNumPending = num;
  } else {
    renderPage(canvasLeft,num);
    renderPage(canvasRight,num+1);
  }
}

/**
 * Displays previous page.
 */
function onPrevPage() {
  if (pageNum <= 1) {
    return;
  }
  pageNum--;
  queueRenderPage(pageNum);
}
document.getElementById('canvas-left').addEventListener('click', onPrevPage);

/**
 * Displays next page.
 */
function onNextPage() {
  if (pageNum >= pdfDoc.numPages - 1) {
    return;
  }
  pageNum++;
  queueRenderPage(pageNum);
}
document.getElementById('canvas-right').addEventListener('click', onNextPage);

document.getElementById('canvas-right').style.display = 'block';
document.getElementById('canvas-left').style.display = 'block';

/**
 * Asynchronously downloads PDF.
 */
PDFJS.getDocument(url).then(function(pdfDoc_) {
  pdfDoc = pdfDoc_;

  // Initial/first page rendering
  renderPage(pageNum);
});