iPhone in libs pdf

app/pub/scripts/klanviewer.js

@@ -3,6 +3,57 @@ var pdfcanvas = "the-canvas";
 var cnt = 100;
 
 
+
+function renderPage() {
+
+  var el_title = document.getElementById('pdfprogress');
+
+
+  //el_title.innerHTML = 'Идет подготовка страницы ...';
+
+  pageRendering = true;
+  // Using promise to fetch the page
+  pdfDoc.getPage(pageNum).then(function(page) {
+
+  var canvas = document.getElementById('the-pdf');  
+  var context = canvas.getContext('2d');
+  //var viewport = page.getViewport({scale: scale});
+
+  currscale = 1;  
+  
+  var viewport = page.getViewport({scale: currscale});
+ // var viewport = page.getViewport(canvas.width / page.getViewport(0.5).width)
+  
+ 
+    canvas.height = viewport.height;
+    canvas.width = viewport.width;
+
+    // Render PDF page into canvas context
+    var renderContext = {
+      canvasContext: context,
+      viewport: viewport
+    };
+    var renderTask = page.render(renderContext);
+
+    // Wait for rendering to finish
+    renderTask.promise.then(function() {
+      pageRendering = false;
+      if (pageNumPending !== null) {
+        // New page rendering is pending
+        renderPage(pageNumPending);
+        pageNumPending = null;
+       
+      }
+        el_title.innerHTML = '';
+    });
+  });
+  
+  
+ 
+}  
+
+
+
 function prevclick(){
     prevurl = prevlink + '/'+ scale;
     location.href = prevurl;
@@ -111,6 +162,29 @@ function startpdfviewer(newcurr){
      setzoom('pdcurr', newcurr);
      setzoom('pdfscale', 100);
   }
+
+  var detect = new MobileDetect(window.navigator.userAgent);
+
+  if (detect.phone()){
+
+    var canv = document.createElement('canvas');
+    canv.id = 'the-pdf';
+    document.getElementById(pdfcanvas).appendChild(canv);
+
+    pdfjsLib.getDocument(url).promise.then(function(pdfDoc_) {
+      pdfDoc = pdfDoc_;
+      renderPage();
+    });
+   
+  }
+  else {
+
+    document.getElementById(pdfcanvas).innerHTML = '<embed src="'+ url +'" width="100%" type="application/pdf" style="height: 100vh;">'; 
+    
+  }
+
+
+
       
 }