0

この構成でアプリの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または妥当な値のようにブロックするにはどうすればよいですか.ありがとう

4

1 に答える 1