diff options
| -rw-r--r-- | css/index.css | 6 | ||||
| -rw-r--r-- | index.html | 2 | ||||
| -rw-r--r-- | js/index.js | 12 |
3 files changed, 9 insertions, 11 deletions
diff --git a/css/index.css b/css/index.css index d35fe38..cca4c21 100644 --- a/css/index.css +++ b/css/index.css @@ -51,11 +51,7 @@ body { } .pdfpage { - width: 100%; -} - -.pdfcanvas { - height: 100%; + overflow: auto; } #loadercontainer { @@ -21,7 +21,7 @@ <meta charset="utf-8" /> <meta name="format-detection" content="telephone=no" /> <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 --> - <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> + <meta name="viewport" content="user-scalable=true, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> <link rel="stylesheet" type="text/css" href="css/index.css" /> <link rel="stylesheet" type="text/css" href="css/jquery.mobile-1.4.2.min.css" /> <title>WvS VPlan</title> diff --git a/js/index.js b/js/index.js index fa222d8..a520df9 100644 --- a/js/index.js +++ b/js/index.js @@ -56,14 +56,16 @@ function fillform(){ /* PDF Rendering */ function renderPage($div, pdf, pageNumber, callback){ pdf.getPage(pageNumber).then(function(page){ - var scale = 2; + var scale = 1; var viewport = page.getViewport(scale); var pageDisplayWidth = viewport.width; var pageDisplayHeight = viewport.height; - var pageDivHolder = document.createElement('div'); - pageDivHolder.className = 'pdfpage'; + var $pageDivHolder = $('<div></div>'); + $pageDivHolder.addClass('pdfpage'); + $pageDivHolder.width($(window).width()) // TODO Rotation change + $pageDivHolder.height($(window).height()); var $canvas = $('<canvas></canvas>'); var canvas = $canvas.get(0); @@ -72,8 +74,8 @@ function renderPage($div, pdf, pageNumber, callback){ canvas.width = pageDisplayWidth; canvas.height = pageDisplayHeight; - pageDivHolder.appendChild(canvas); - $div.append(pageDivHolder); + $pageDivHolder.append(canvas); + $div.append($pageDivHolder); var renderContext = { canvasContext: context, |