Wie man Bilder mit Ionic 2 zoombar macht

Question

8

Ich habe eine Seite mit einem einzelnen Bild, wie kann ich dieses Bild zoombar machen?

ionic-framework ionic2 zoom

matthiasunt 13.04.2016, 06:22

quelle

3 Antworten

score 2 · Answer 1

Sie können den Bildbetrachter für Ionic 2 + verwenden

npm install --speichern ionic-img-viewer

%Vor%

& lt; img src="IMAGE_URL" #meineimage (klick)="presentImage (myImage)" / & gt;
%Vor%
DEMO: Demo ionic-img-viewer

score 1 · Answer 2

1

Ich habe diese Problemumgehung im Ionic Forum gefunden:

html:

%Vor%

.ts Methoden:

%Vor%

matthiasunt 10.08.2016 06:27

quelle

score 1 · Answer 3

Ich code "pinch" -Ereignis selbst - es war sehr einfach (ich verwende es zum Zoomen der Gebäudegrundkarte):

%Vor%

Und in mapMove habe ich so etwas:

%Vor%

Und in der Methode zoomMap(zoomFactor: number) ändere ich richtigerweise this.height und this.width (was 'bind' zu <img> tag war).