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

Merge pull request #3308 from brendandahl/hide-overflow

Browse Source 
Hide canvas overflow for high dpi screens.
This commit is contained in:
Yury Delendik 2013-06-01 17:45:50 -07:00
commit f700e61e9e
2 changed files with 15 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/viewer.css
View File

@ -1129,6 +1129,10 @@ html[dir='rtl'] .outlineItem > a {
bottom: 35px; bottom: 35px;
} }
.canvasWrapper {
overflow: hidden;
}
canvas { canvas {
margin: auto; margin: auto;
display: block; display: block;

13
web/viewer.js
View File

@ -2576,12 +2576,21 @@ var PageView = function pageView(container, id, scale,
this.renderingState = RenderingStates.RUNNING; this.renderingState = RenderingStates.RUNNING;
var viewport = this.viewport;
// Wrap the canvas so if it has a css transform for highdpi the overflow
// will be hidden in FF.
var canvasWrapper = document.createElement('div');
canvasWrapper.style.width = div.style.width;
canvasWrapper.style.height = div.style.height;
canvasWrapper.classList.add('canvasWrapper');
var canvas = document.createElement('canvas'); var canvas = document.createElement('canvas');
canvas.id = 'page' + this.id; canvas.id = 'page' + this.id;
div.appendChild(canvas); canvasWrapper.appendChild(canvas);
div.appendChild(canvasWrapper);
this.canvas = canvas; this.canvas = canvas;
var scale = this.scale, viewport = this.viewport; var scale = this.scale;
var outputScale = PDFView.getOutputScale(); var outputScale = PDFView.getOutputScale();
canvas.width = Math.floor(viewport.width) * outputScale.sx; canvas.width = Math.floor(viewport.width) * outputScale.sx;
canvas.height = Math.floor(viewport.height) * outputScale.sy; canvas.height = Math.floor(viewport.height) * outputScale.sy;