benim pdf yakınlaştırmak için çalışıyorum iyonik/angularjs

Question

üzerinde ng-pdf zoom özelliğini bu eklenti ile açıldı:

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

nasıl olabilir i aktif yakınlaştırma?

<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> 

izleyici:

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

Answer 1

Sen ion-scroll bileşeni kullanabilirsiniz. Bu iyonik kaydırma ve yakınlaştırma sağlar. Bununla birlikte, içeriği bir kez çizer, böylece her şeyi zum yaptığınızda bulanıklaşır. Bunu, içeriği olması gereken boyutun% 200'ü ile çizerek düzeltdim ve sonra varsayılan yakınlaştırmayı 0,5'e ayarlayın. o iş için değil yakınlaştırma neden yakınlaştırma varsayılan iyonik kaydırma ve kullanacağı, başka, çünkü overflow-scrollfalse ayarlı zorunda

<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> 

Not: Aşağıda bazı örnek kod sağladık!