この構成でアプリのCrop Avatarの例から始めました
this.$img.cropper({
preview: this.$avatarPreview.selector,
viewMode: 2,
dragMode: 'move',
guides: false,
highlight: false,
autoCropArea: 1,
movable: true,
strict: true,
cropBoxResizable: false,
minCropBoxWidth: 1000,
minCropBoxHeight: 1000,
zoom: function (e) {
if (e.ratio > 1) {
e.preventDefault();
$(this).cropper('zoomTo', 1);
}
},
このように使用すると、倍率 1 にズームできますが、小さい画像では大きすぎます。たとえば、1200x1200 の画像を倍率 1 でズームすると、1000x1000 に保存すると品質が大幅に低下します。で 1 未満にしようとしまし$(this).cropper('zoomTo', 1);
たが、奇妙な効果が得られます。ズームしすぎると、元のサイズに戻ります。
私の質問は、ズームをx0.2または妥当な値のようにブロックするにはどうすればよいですか.ありがとう