blob: ce56962fe69f982c013022d11640f59bc439f405 (
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
|
<!DOCTYPE html>
<html>
<head>
<title>Loading...</title>
<meta charset="utf-8">
<script src="libmupdf.js"></script>
<script>
var filename = new URL(window.location.href).searchParams.get("file");
if (!filename)
filename = "pdfref13.pdf";
Module.preRun = function () {
FS.createPreloadedFile(".", filename, filename, true, false);
};
Module.postRun = function () {
loadDocument(filename);
};
var currentDocument = null;
var currentPage = 1;
var currentZoom = 72;
var pageCount = 0;
function loadDocument(filename) {
currentDocument = mupdf.openDocument(filename);
document.title = mupdf.documentTitle(currentDocument);
pageCount = mupdf.countPages(currentDocument);
updatePage();
}
function updatePage() {
document.getElementById("page").src = mupdf.drawPageAsPNG(currentDocument, currentPage, currentZoom);
document.getElementById("pageNumber").value = currentPage;
}
function nextPage() {
if (currentPage <= pageCount) {
++currentPage;
updatePage();
}
}
function prevPage() {
if (currentPage > 1) {
--currentPage;
updatePage();
}
}
function gotoPage() {
var page = parseInt(document.getElementById("pageNumber").value)
if (page >= 1 && page <= pageCount) {
currentPage = page;
updatePage();
}
}
function zoomIn() {
currentZoom *= 1.2;
updatePage();
}
function zoomOut() {
currentZoom /= 1.2;
updatePage();
}
</script>
<style>
body{margin:2em;background-color:#aaa}
</style>
</head>
<body>
<p>
<button onClick="prevPage()"><</button>
<input id="pageNumber" onChange="gotoPage()" type="text" size="5">
<button onClick="nextPage()">></button>
<button onClick="zoomIn()">+</button>
<button onClick="zoomOut()">-</button>
<p>
<img id="page">
</body>
</html>
|