farre
diff --git a/‎index.html
Lines changed: 2 additions & 1 deletion b/‎index.html
Lines changed: 2 additions & 1 deletion
diff --git a/‎pdftopng/index.html
Lines changed: 49 additions & 0 deletions b/‎pdftopng/index.html
Lines changed: 49 additions & 0 deletions
@@ -3,4 +3,5 @@
   <meta charset="utf-8"/>
 </head>
 <a href="rIC/index.html">Vizualize requestIdleCallback</a><br />
-<a href="load/index.html">Load simulator</a>
+<a href="load/index.html">Load simulator</a><br />
+<a href="pdftopng/index.html">PDF to PNG converter</a>
@@ -0,0 +1,49 @@
+<script src="pdf.js"></script>
+<script>
+  PDFJS.workerSrc = "pdf.worker.js";
+
+  var handleFiles = function() {
+    let canvas = document.createElement('canvas');
+    let context = canvas.getContext('2d');
+
+    function getBuffer(file) {
+      return new Promise(function (resolve) {
+        let reader = new FileReader();
+        reader.onload = function (e) {
+          resolve(new Uint8Array(e.target.result));
+        };
+        reader.readAsArrayBuffer(file);
+      })
+    }
+
+    function render(buffer) {
+      return PDFJS.getDocument(buffer).then(function(pdf) {
+        return pdf.getPage(1);
+      }).then(function (page) {
+        let viewport = page.getViewport(2.0);
+        canvas.width = viewport.width;
+        canvas.height = viewport.height;
+        return page.render({ canvasContext: context, viewport: viewport });
+      }).then(function() {
+        let img = document.createElement('img');
+        img.src = canvas.toDataURL();
+        document.body.appendChild(img);
+      });
+    }
+
+    function pdftopng(file) {
+      return getBuffer(file).then(render);
+    }
+
+    return function handleFiles(files) {
+      for (let f of files) {
+        var png = pdftopng(f);
+      }
+    }
+  }();
+
+
+</script>
+<body>
+<input type="file" id="input" onchange="handleFiles(this.files)" accept="application/pdf"></input><br />
+</body>