Sakurai/pdf.js
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #417 from notmasteryet/thumbs3

Browse Source 
Scale thumbnails proportionally
This commit is contained in:
Andreas Gal 2011-08-31 07:17:25 -07:00
commit c9f3f26f11
2 changed files with 22 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
web/viewer.css
View File

@ -109,13 +109,23 @@ span#info {
} }
.thumbnail { .thumbnail {
width: 104px; width: 134px;
height: 134px; height: 134px;
background-color: white;
margin-top: 5px; margin-top: 5px;
margin-bottom: 5px; margin-bottom: 5px;
margin-left:auto; margin-left:auto;
margin-right:auto; margin-right:auto;
line-height: 134px;
text-align: center;
}
.thumbnail:not([data-loaded]) {
background-color: gray;
}
.thumbnail > canvas {
vertical-align: middle;
display: inline-block;
} }
#outlineScrollView { #outlineScrollView {

14
web/viewer.js
View File

@ -123,7 +123,8 @@ var PDFView = {
var page = pdf.getPage(i); var page = pdf.getPage(i);
pages.push(new PageView(container, page, i, page.width, page.height, pages.push(new PageView(container, page, i, page.width, page.height,
page.stats, this.navigateTo.bind(this))); page.stats, this.navigateTo.bind(this)));
thumbnails.push(new ThumbnailView(sidebar, pages[i - 1])); thumbnails.push(new ThumbnailView(sidebar, pages[i - 1],
page.width / page.height));
var pageRef = page.ref; var pageRef = page.ref;
pagesRefMap[pageRef.num + ' ' + pageRef.gen + ' R'] = i; pagesRefMap[pageRef.num + ' ' + pageRef.gen + ' R'] = i;
} }
@ -274,7 +275,7 @@ var PageView = function(container, content, id, width, height,
}; };
}; };
var ThumbnailView = function(container, page) { var ThumbnailView = function(container, page, pageRatio) {
var anchor = document.createElement('a'); var anchor = document.createElement('a');
anchor.href = '#' + page.id; anchor.href = '#' + page.id;
@ -293,8 +294,13 @@ var ThumbnailView = function(container, page) {
canvas.id = 'thumbnail' + page.id; canvas.id = 'thumbnail' + page.id;
canvas.mozOpaque = true; canvas.mozOpaque = true;
canvas.width = 104; var maxThumbSize = 134;
canvas.height = 134; canvas.width = pageRatio >= 1 ? maxThumbSize :
maxThumbSize * pageRatio;
canvas.height = pageRatio <= 1 ? maxThumbSize :
maxThumbSize / pageRatio;
div.setAttribute('data-loaded', true);
div.appendChild(canvas); div.appendChild(canvas);
var ctx = canvas.getContext('2d'); var ctx = canvas.getContext('2d');