上離子/ angularJS

Question

能夠在NG-PDF變焦我想我放大PDF打開這個插件：

https://github.com/sayanee/angularjs-pdf

我怎麼能主動變焦？

<script id="pdf-viewer.html" type="text/ng-template"> 
     <ion-modal-view> 
      <ion-header-bar> 
       <h1 class="title">Report</h1> 
       <button ng-click="vm.modal.hide()" class="button button-icon icon ion-android-close comp"></button> 
      </ion-header-bar> 
      <ion-content> 
       <ng-pdf ng-if="pdfUrl" template-url="partials/viewer.html" canvasid="pdf" scale="page-fit"></ng-pdf> 
      </ion-content> 
     </ion-modal-view> 
    </script> 

觀衆：

{{loading}} 
<canvas id="pdf" class="rotate0"></canvas> 

Answer 1

可以使用ion-scroll組件。這使離子滾動和縮放。但是，它只是繪製一次內容，所以當你放大縮小時，一切都變得模糊。我通過以200％大小的內容繪製內容來解決這個問題，然後將默認縮放比例設置爲0.5。我在下面提供了一些示例代碼：

<ion-scroll max-zoom="5" overflow-scroll="false" zooming="true" direction="xy" style="width: 100%; height:100%;" scrollbar-x=false; scrollbar-y = false;> 
    <img src="img/floorplan.jpg" width="200%"> 
</ion-scroll> 

請注意，您必須設置overflow-scroll到false，因爲否則它會使用默認離子滾動和縮放，這會導致不變焦的工作！