>我使用
PDFMAKE创建base64编码的pdf,我试图通过将编码的base64提供给iframe src来显示它.它适用于PC,但它不适用于移动设备(android和ios).
>所以,最后我偶然发现了Angularjs-PDF以显示pdf.现在,我可以在移动设备上看到pdf.但是,当我尝试为设备提供相应的@R_301_451@宽度和高度时.但是当我使用缩放功能时,问题就出现了,页面会变焦,但它会离开屏幕.我甚至无法滑动或滑动以查看屏幕外的内容.
解决方法
所以对于我们公司的应用程序,我们使用angular-pdf Viewer：
这是pdf查看器模板的模板,放入离子滚动内部可以进行捏缩放,效果很好.
<div ng-show="notLoaded" class=" center bar bar-subheader">
<h1 class="title">Loading PDF...</h1>
</div>
<div class="tabs tabs-icon-left">
<a class="tab-item" ng-click="goPrevIoUs()">
<i class="icon ion-arrow-left-c"></i>
Prev
</a>
<a class="tab-item" ng-click="goNext()">
<i class="icon ion-arrow-right-c"></i>
Next
</a>
</div>
<ion-scroll zooming="true" direction="xy" class="has-header">
<canvas class="padding" id="pdf" class="rotate0"></canvas>
</ion-scroll>
<ion-view>
<div class="bar bar-header bar-positive">
<button ng-click="$ionicGoBack()" class="button button-clear button-light icon-left ion-chevron-left">Go Back</button>
</div>
<div class="has-header">
<ng-pdf template-url="components/pdfviewer/viewer.html" canvasid="pdf" scale="0.675">
</ng-pdf>
</div>
</ion-view>
<script src="bower_components/pdfjs-dist/build/pdf.js"></script> <script src="bower_components/angular/angular.js"></script> <script src="bower_components/angular-pdf-viewer/dist/angular-pdf-viewer.min.js"></script>
然后注入pdf：
var app = angular.module('App',['pdf']);
你可以在这里阅读更多关于它的信息,但是将它与离子滚动结合使用它就像你认为应该在本机设备上一样：
