ng-img-crop は素晴らしいディレクティブですが、シナリオに適応させるのに苦労しています。私の問題は、ユーザーが画像を持っているときに、必要に応じて画像のサイズを変更するオプションを提供したいということです。
だからここに私が使用しようとしているコードがあります:
js:
vm.userImageOriginal = vm.editUser.image_pkey ? 'api/file/' + vm.editUser.image_pkey : null;
html:
<img-crop image="profileVM.userImageOriginal" result-image="profileVM.userImageNew"
area-type="square" result-image-size="300" on-change="profileVM.imageCropped = true;"></img-crop>
だから私は2つの問題:
1)ユーザーが実際にトリミングを変更した場合にのみ、新しい画像をアップロードしたい。on-change でフラグを設定しようとしましたが、初期化時にも on-change が実行されるようです。ユーザーが実際にトリミングしたかどうかを知る方法はありますか?
2) 正方形/円の位置を設定する方法はありますか? 私のシナリオでは、既存のユーザー画像がある場合、現在の画像の寸法 (つまり、画像の境界線) に四角形を切り取りたいと思います。
前もって感謝します。