2017-02-07 5 views
1

画像がモバイルでクロップされると、通常、ユーザーは「ビューポート」をドラッグしてトリミングされた画像のサイズを調整できます。Cordova/Ionicを使用して特定のアスペクト比に画像をトリミングする方法は?

私は、アスペクト比がロックされている場合にのみ、クロップウィンドウのサイズを変更させたいと考えています。結果の画像は、表示されたときに前記比率に収まるように引き伸ばされます。

コアIonicやサードパーティ製のライブラリやこれを行う方法はありますか?これはImageMagikをサーバー側に頼らざるを得ませんか?視覚的な学習者のための

:いくつかのグーグル後

enter image description here

+1

私はあなたの周りを見て、多くのオプションでこのライブラリを見つけました。私はイオンを使用したことがないので、JqueryとIonicについて一緒に作業することはできません。https://fengyuanchen.github.io/cropper/ – Tasos

+0

@ dsp_099このリンクをチェックしてください - https://github.com/matiasgagliano/guillotine助けてくれると助かります – Gandhi

+0

あなたはイオン1またはイオン2を使用していますか? – HardikDG

答えて

1

は、また、アスペクト比を保持するのに役立ちます、この要件のために利用できる既製コルドバのプラグインがあることを発見しました。

これをチェックしてください。cordova-crop-pluginこれはアクティブで、これにも最近行われたアスペクト比に関する修正があります。 READMEドキュメントには、Ionic & Angular2で動作するサンプルコードもあります。

もこれをチェック - Issue linkアスペクト比も

はそれが役に立てば幸い固定されているAndroidとiOSのアスペクト比のロックではデフォルトでロックされています。乾杯。

+0

このプラグインも見たことがありますが、APIはパラメータとして「品質」のみを表示しています...アスペクト比を「ロック」する方法は?最新のコミットには '+ cropController.keepingCropAspectRatio = YES;'のような行が含まれていますが、実際にどのように使用されていますか? –

+0

@ dsp_099これをチェックしてください - https://github.com/jeduan/cordova-plugin-crop/issues/8アンドロイドでアスペクト比がデフォルトでロックされていて、iosのアスペクト比ロックも修正されています。プラグインの作者 – Gandhi

+1

@ dsp_099が提案したように、以下のリンク(https://github.com/jeduan/cordova-plugin-crop/blob/master/src/ios/CTCrop.m#L36-L44)を参照してください。あなたはそれをクラックした? – Gandhi

関連する問題