verbessere PDF-Anzeige

2 files changed, 13 insertions, 6 deletions

diff --git a/css/index.css b/css/index.css
index 0f732cf..919f63c 100644
--- a/css/index.css
+++ b/css/index.css
@@ -49,3 +49,11 @@ body {
 
 .viewLayout {
 }
+
+.pdfpage {
+    width: 100%;
+}
+
+.pdfcanvas {
+    height: 100%;
+}
diff --git a/js/index.js b/js/index.js
index 2602cd3..113edcd 100644
--- a/js/index.js
+++ b/js/index.js
@@ -28,18 +28,17 @@ var page_html = '\n\
 
 function renderPage(div, pdf, pageNumber, callback){
     pdf.getPage(pageNumber).then(function(page){
-        var scale = 1;
+        var scale = 2;
         var viewport = page.getViewport(scale);
 
         var pageDisplayWidth = viewport.width;
         var pageDisplayHeight = viewport.height;
 
         var pageDivHolder = document.createElement('div');
-/*        pageDivHolder.className = 'pdfpage';
-        pageDivHolder.style.width = pageDisplayWidth + 'px';
-        pageDivHolder.style.height = pageDisplayWidth + 'px';
-*/
-        var canvas = document.createElement('canvas');
+        pageDivHolder.className = 'pdfpage';
+
+        var $canvas = $('<canvas></canvas>');
+        var canvas = $canvas.get(0);
         canvas.className = 'pdfcanvas';
         var context = canvas.getContext('2d');
         canvas.width = pageDisplayWidth;