Question

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

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

我试过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"

离子滚动上的

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

捏缩放在离子项目中的图片

1 个答案: