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

当在移动设备上裁剪图像时，通常用户可以通过拖动“视口”来调整裁剪图像的大小。如何使用Cordova/Ionic将图像裁剪为某一纵横比？

我想让用户调整裁切窗口，但只有当纵横比已经被锁定，所得到的图像将被拉伸以适应所述比率时显示它。

有没有办法与核心离子或第三方库或这个东西，我将不得不依靠ImageMagik服务器端做到这一点？

对于视觉学习者：

来源

2017-02-07 dsp_099

我环顾四周，发现这个图书馆有很多选择。我从来没有用过的离子这样的IM不知道jQuery和离子一起工作https://fengyuanchen.github.io/cropper/ – Tasos

@ dsp_099看看这个链接 - https://github.com/matiasgagliano/guillotine希望它有助于 – Gandhi

是你使用Ionic 1还是Ionic 2？ – HardikDG

一些google搜索之后，已经发现，存在可用的现成科尔多瓦插件这一要求，这也有助于在保持高宽比。

退房这cordova-crop-plugin这是活性，也有在此关于纵横比制成的最新修补。它还在README文档中提供了一个与Ionic & Angular2配合使用的示例代码。

还检查了这一点 - Issue link纵横比默认情况下，在Android和iOS的纵横比锁定锁定也固定

希望它能帮助。干杯。

来源

2017-02-10 05:20:02 Gandhi

我也看过这个插件，但API只列出了“质量”作为参数......如何“锁定”宽高比？我看到最新的提交涉及到一个类似'+ cropController.keepingCropAspectRatio = YES;'的行，但实际使用的是如何？ –

@ dsp_099检查了这一点 - https://github.com/jeduan/cordova-plugin-crop/issues/8纵横比默认情况下，在Android和iOS的纵横比锁定锁定也是固定的。您可以参考更多的后续链接 - https://github.com/jeduan/cordova-plugin-crop/blob/master/src/ios/CTCrop.m#L36-L44该插件的作者 – Gandhi

@ dsp_099做的建议你破解它？ – Gandhi

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

回答

相关问题