捏合放大在離子項目中的圖片

Question

我開發了一個關於離子的項目。

在視圖中，我搜索了捏放大圖片的可能性。

我試過hammer.js（http://hammerjs.github.io/）。縮放縮放工作，但縮放位於圖片的中央屏幕上，而不是執行縮放的位置。此外，圖片可以從屏幕上消失... ...

所以，我怎麼可以捏放大圖片（不是在一個畫廊），與Android/Ios兼容性。 這是一個基本的功能，它不是很受歡迎...

任何想法或教程？

Answer 1

確實如此，Aravind發佈的視頻顯示瞭解決方案。

Ionic通過ion-scroll directive提供縮放。這隱含地增加了縮放時滾動圖片的可能性。

<ion-scroll 
    direction="xy" 
    zooming="true" 
    min-zoom="1.0" 
    max-zoom="2.5" 
    overflow-scroll="false" 
    has-bouncing="false" 
    > 
</ion-scroll> 

一定要添加

overflow-scroll="false" 

您離子滾動，縮放不會溢出滾動，這是目前在離子滾動默認設置工作。 has-bouncing屬性是可選的，儘管在我看來，當爲可縮放圖像禁用本機iOS反彈時，感覺更清晰。