<head>
<title>Simple pdf.js page viewer worker</title>
<script>
+
+var timer = null
+function tic() {
+ timer = Date.now();
+}
+
+function toc(msg) {
+ console.log(msg + ": " + (Date.now() - timer) + "ms");
+}
+
var myWorker = new Worker('worker.js');
var currentX = 0;
currentX = currentXStack.pop();
},
- "$showText": function(y, text) {
- // console.log(text, currentX, y, this.measureText(text).width);
-
+ "$showText": function(y, text, uniText) {
this.translate(currentX, -1 * y);
- this.fillText(text, 0, 0);
+ this.fillText(uniText, 0, 0);
currentX += this.measureText(text).width;
},
// for (var i = 0; i < 1000; i++) {
var opp = stack[i];
if (opp[0] == "$") {
- // console.log("set property", opp[1], opp[2]);
- if (opp[1] == "font") {
- ctx[opp[1]] = opp[2];
- // ctx.font = "10px 'Verdana Bold Italic'";
- // console.log("font", opp[2]);
- } else {
- ctx[opp[1]] = opp[2];
- }
-
+ ctx[opp[1]] = opp[2];
} else if (opp[0] in special) {
- // console.log("sepcial", opp[0], opp[1])
special[opp[0]].apply(ctx, opp[1]);
} else {
- // console.log("execute", opp[0], opp[1]);
ctx[opp[0]].apply(ctx, opp[1]);
}
}
const CANVAS_PROXY_STACK = 1;
const LOG = 2;
const FONT = 3;
+const PDF_NUM_PAGE = 4;
var onMessageState = WAIT;
var fontStr = null;
throw "expecting to get an string";
}
switch (data) {
+ case "pdf_num_page":
+ onMessageState = PDF_NUM_PAGE;
+ return;
case "log":
onMessageState = LOG;
return;
}
break;
+ case PDF_NUM_PAGE:
+ console.log(data);
+ maxPages = parseInt(data);
+ document.getElementById("numPages").innerHTML = "/" + data;
+ onMessageState = WAIT;
+ break;
+
case FONT:
data = JSON.parse(data);
var base64 = window.btoa(data.str);
ctx.font = "bold italic 20px " + data.fontName + ", Symbol, Arial";
}, 10);
intervals.push(interval);
+ console.log("setup font", data.fontName);
onMessageState = WAIT;
break;
case CANVAS_PROXY_STACK:
var stack = JSON.parse(data);
gStack = stack;
- console.log("canvas stack", stack.length)
+ console.log("canvas stack size", stack.length)
// Shedule a timeout. Hoping the fonts are loaded after 100ms.
setTimeout(function() {
intervals.forEach(function(inter) {
clearInterval(inter);
});
+ tic();
renderProxyCanvas(stack);
+ toc("canvas rendering")
}, 100);
onMessageState = WAIT;
break;
//
// myWorker.postMessage(array);
+var currentPage = 1;
+var maxPages = 1;
+function showPage(num) {
+ ctx.save();
+ ctx.fillStyle = "rgb(255, 255, 255)";
+ ctx.fillRect(0, 0, canvas.width, canvas.height);
+ ctx.restore();
+ console.log("worker: page=" + num)
+ document.getElementById('pageNumber').value = num;
+ currentPage = parseInt(num);
+ myWorker.postMessage(num);
+}
+
function open(url) {
document.title = url;
var req = new XMLHttpRequest();
var data = req.mozResponseArrayBuffer || req.mozResponse ||
req.responseArrayBuffer || req.response;
myWorker.postMessage(data);
+ showPage("1");
}
};
req.send(null);
}
+function nextPage() {
+ if (currentPage == maxPages) return;
+ currentPage++;
+ showPage(currentPage);
+}
+
+function prevPage() {
+ if (currentPage == 0) return;
+ currentPage--;
+ showPage(currentPage);
+}
+
window.onload = function() {
- var ctx = window.ctx = document.getElementById("canvas").getContext("2d");
- ctx.save();
- ctx.fillStyle = "rgb(255, 255, 255)";
- ctx.fillRect(0, 0, canvas.width, canvas.height);
- ctx.restore();
- // for (var name in ctx) {
- // if (!(ctx[name] instanceof Function)) {
- // console.log('"' + name + '": "' + ctx[name] + '",');
- // }
- // }
+ window.canvas = document.getElementById("canvas");
+ window.ctx = canvas.getContext("2d");
open("compressed.tracemonkey-pldi-09.pdf");
}
</script>
-- Can we use JSONP to overcome the same-origin restrictions? -->
<button onclick="prevPage();">Previous</button>
<button onclick="nextPage();">Next</button>
- <input type="text" id="pageNumber" onchange="gotoPage(this.value);"
+ <input type="text" id="pageNumber" onchange="showPage(this.value);"
value="1" size="4"></input>
<span id="numPages">--</span>
<span id="info"></span>
}
function toc(msg) {
- log("Took ", (Date.now() - timer));
+ log(msg + ": " + (Date.now() - timer) + "ms");
timer = null;
}
log("test");
var pageInterval;
-
+var pdfDocument = null;
onmessage = function(event) {
var data = event.data;
- var pdfDocument = new PDFDoc(new Stream(data));
- var numPages = pdfDocument.numPages;
-
- tic();
- // Let's try to render the first page...
- var page = pdfDocument.getPage(2);
-
- // page.compile will collect all fonts for us, once we have loaded them
- // we can trigger the actual page rendering with page.display
- var fonts = [];
-
- var gfx = new CanvasGraphics(canvas, ImageCanvasProxy);
- page.compile(gfx, fonts);
- toc("compiled page");
-
-
- page.display(gfx);
- canvas.flush();
+ if (!pdfDocument) {
+ pdfDocument = new PDFDoc(new Stream(data));
+ postMessage("pdf_num_page");
+ postMessage(pdfDocument.numPages)
+ return;
+ } else {
+ tic();
+
+ // Let's try to render the first page...
+ var page = pdfDocument.getPage(parseInt(data));
+
+ // page.compile will collect all fonts for us, once we have loaded them
+ // we can trigger the actual page rendering with page.display
+ var fonts = [];
+ var gfx = new CanvasGraphics(canvas, ImageCanvasProxy);
+ page.compile(gfx, fonts);
+
+ // Inspect fonts and translate the missing one.
+ var count = fonts.length;
+ for (var i = 0; i < count; i++) {
+ var font = fonts[i];
+ if (Fonts[font.name]) {
+ fontsReady = fontsReady && !Fonts[font.name].loading;
+ continue;
+ }
+
+ // This "builds" the font and sents it over to the main thread.
+ new Font(font.name, font.file, font.properties);
+ }
+ toc("compiled page");
+
+ page.display(gfx);
+ canvas.flush();
+ }
}
-
-// function open(url) {
-// var req = new XMLHttpRequest();
-// req.open("GET", url);
-// // req.responseType = "arraybuffer";
-// req.expected = 0;//(document.URL.indexOf("file:") == 0) ? 0 : 200;
-// req.onreadystatechange = function() {
-// postMessage("loaded");
-// if (req.readyState == 4 && req.status == req.expected) {
-// var data = req.mozResponseArrayBuffer || req.mozResponse ||
-// req.responseArrayBuffer || req.response;
-// pdfDocument = new PDFDoc(new Stream(data));
-// numPages = pdfDocument.numPages;
-// // document.getElementById("numPages").innerHTML = numPages.toString();
-// // goToPage(pageNum);
-// }
-// };
-// req.send(null);
-// }
-//
-// open("compressed.tracemonkey-pldi-09.pdf")
\ No newline at end of file
projects / pdf.js.git / commitdiff