2011-06-21 23:33:11 +02:00
|
|
|
<html>
|
|
|
|
<head>
|
2011-06-23 23:55:14 +02:00
|
|
|
<title>Simple pdf.js page worker viewer</title>
|
2011-06-26 20:55:27 +02:00
|
|
|
<script type="text/javascript" src="fonts.js"></script>
|
|
|
|
<script type="text/javascript" src="glyphlist.js"></script>
|
|
|
|
<script type="text/javascript" src="pdf.js"></script>
|
2011-06-26 20:44:13 +02:00
|
|
|
<script type="text/javascript" src="worker/client.js"></script>
|
2011-06-21 23:33:11 +02:00
|
|
|
<script>
|
2011-06-22 11:08:30 +02:00
|
|
|
|
|
|
|
|
2011-06-22 22:54:16 +02:00
|
|
|
var pdfDoc;
|
2011-06-21 23:33:11 +02:00
|
|
|
window.onload = function() {
|
2011-06-22 11:08:30 +02:00
|
|
|
window.canvas = document.getElementById("canvas");
|
|
|
|
window.ctx = canvas.getContext("2d");
|
2011-06-22 22:54:16 +02:00
|
|
|
|
|
|
|
pdfDoc = new WorkerPDFDoc(window.canvas);
|
|
|
|
pdfDoc.onChangePage = function(numPage) {
|
|
|
|
document.getElementById("pageNumber").value = numPage;
|
|
|
|
}
|
2011-06-23 13:09:36 +02:00
|
|
|
// pdfDoc.open("canvas.pdf", function() {
|
2011-06-22 22:54:16 +02:00
|
|
|
pdfDoc.open("compressed.tracemonkey-pldi-09.pdf", function() {
|
|
|
|
document.getElementById("numPages").innerHTML = "/" + pdfDoc.numPages;
|
|
|
|
})
|
2011-06-21 23:33:11 +02:00
|
|
|
}
|
|
|
|
</script>
|
|
|
|
<link rel="stylesheet" href="viewer.css"></link>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div id="controls">
|
|
|
|
<input type="file" style="float: right; margin: auto 32px;" onChange="load(this.value.toString());"></input>
|
|
|
|
<!-- This only opens supported PDFs from the source path...
|
|
|
|
-- Can we use JSONP to overcome the same-origin restrictions? -->
|
2011-06-22 22:54:16 +02:00
|
|
|
<button onclick="pdfDoc.prevPage();">Previous</button>
|
|
|
|
<button onclick="pdfDoc.nextPage();">Next</button>
|
|
|
|
<input type="text" id="pageNumber" onchange="pdfDoc.showPage(this.value);"
|
2011-06-21 23:33:11 +02:00
|
|
|
value="1" size="4"></input>
|
|
|
|
<span id="numPages">--</span>
|
|
|
|
<span id="info"></span>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div id="viewer">
|
2011-06-29 22:43:59 -05:00
|
|
|
<canvas id="canvas"></canvas>
|
2011-06-21 23:33:11 +02:00
|
|
|
</div>
|
|
|
|
</body>
|
|
|
|
</html>
|
|
|
|
|