在 Ionic 项目中捏放大图片

Question

我在 Ionic 上开发了一个项目。

在一个视图中，我搜索了捏缩放图片的可能性。

我试过hammer.js（http://hammerjs.github.io/）。捏合缩放有效，但缩放在图片的中心屏幕上，而不是在执行捏合的位置。另外，图片可能会从屏幕上消失......

那么，我如何在具有 Android/Ios 兼容性的图片（而不是画廊）上进行缩放。这是一个基本功能，它不是很受欢迎......

任何想法或教程？

Answer 1

确实如此，Aravind 发布的视频显示了解决方案。

Ionic 通过ion-scroll 指令提供缩放功能。这隐含地增加了缩放时滚动图片的可能性。

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

在您的 ion-scroll 上，因为缩放不适用于溢出滚动，这是目前在 Ionic 中滚动的默认设置。has-bouncing 属性是可选的，但在我看来，当为可缩放图像停用原生 iOS 反弹时，感觉更干净。