クロッパーから固定サイズの作物を得る方法

Question

私はクロッパーを使用して、アップロードされた画像から固定サイズのクロップを取得しようとしています。アイデアは、ウェブサイトの管理者が（必要であれば）ズームして変更できないクロッパーの新しい画像をフレームすることができるということです。このようにして、トリミングされたすべての画像はまったく同じサイズになります。

これはユーザーがズームしない限り機能します。この場合、結果の画像は小さくなり、ズームアウトすると大きくなります。

私はこれでクロッパーを初期化しています：それはで囲まれた領域を見て、トリミングされたことが表示されます

var image = $("#image").cropper("getCroppedCanvas").toDataURL('image/jpeg', 1); 

：

$('#image').cropper({ 
     aspectRatio: 16/9, 
     cropBoxResizable: false, 
     dragMode: 'move', 
     built: function() { 
      $("#image").cropper('setCropBoxData', { width: 640 }); 
     }, 
     cropmove: function() { 
      $("#image").cropper('setCropBoxData', { width: 640 }); 
     } 
    }); 

して、これを使用してアップロードにdataUrlを取得クロップボックスを開き、元のサイズを使用して画像を切り取る。言い換えれば、ボックスは、クロッパーがオリジナル画像から元のサイズで切り取っている画像の境界領域を単に定義するだけである。クロッパーの設定で定義されたサイズにする必要があります。

もっと必要な場合は教えてください。あなたの状況で

zoomable: false,

ヘルプを設定

Answer 1

でしょうか？または、ユーザーのズーム機能を保持したいですか？