如何使用 Cordova/Ionic 将图像裁剪为特定纵横比？

Posted 2023-03-12

【中文标题】如何使用 Cordova/Ionic 将图像裁剪为特定纵横比？

【英文标题】：How to crop an image to a certain aspect ratio with Cordova/Ionic?

【发布时间】：2017-02-07 06:31:45

【问题描述】：

在移动设备上裁剪图像时，通常用户可以通过拖动“视口”来调整裁剪图像的大小。

我想让用户调整裁剪窗口的大小，但前提是宽高比被锁定：结果图像在显示时将被拉伸以适应所述比例。

有没有办法使用核心 Ionic 或第三方库来做到这一点，或者我将不得不依赖 ImageMagik 作为服务器端的东西？

对于视觉学习者：

【问题讨论】：

我环顾四周，发现这个库有很多选项。我从未使用过 ionic，所以我不确定 Jquery 和 Ionic 是否可以一起工作fengyuanchen.github.io/cropper

@dsp_099 查看此链接 - github.com/matiasgagliano/guillotine 希望对您有所帮助

您使用的是 Ionic 1 还是 Ionic 2？

【参考方案1】：

经过一番谷歌搜索，发现有一个现成的 cordova 插件可满足此要求，它也有助于保持纵横比。

查看此cordova-crop-plugin，该cordova-crop-plugin 处于活动状态，并且最近对此进行了有关纵横比的修复。它还在 README 文档中提供了与 Ionic 和 Angular2 一起使用的示例代码。

也看看这个 - Issue link android 的纵横比是默认锁定的，ios 的纵横比也是固定的

希望对您有所帮助。干杯。

【讨论】：

我也看过这个插件，但是 API 只将“质量”列为参数......如何“锁定”纵横比？我看到最新的提交涉及像+ cropController.keepingCropAspectRatio = YES; 这样的行，但它实际上是如何使用的？

@dsp_099 看看这个 - github.com/jeduan/cordova-plugin-crop/issues/8 android 的纵横比默认是锁定的，ios 的纵横比锁定也是固定的。您可以参考以下链接 - github.com/jeduan/cordova-plugin-crop/blob/master/src/ios/… 插件作者建议的更多内容

@dsp_099 你破解了吗？

离子哲学是不编写/编辑任何本机代码行。太糟糕了，我们不能只在选项变量中设置纵横比。