如何從Cropper獲得固定大小的作物

我正在使用Cropper嘗試從上載的圖像獲取固定大小的作物。這個想法是，如果（如果需要的話）網站的管理員將能夠縮放，並且在Cropper中將新圖像構成不可改變的。通過這種方式，所有裁剪的圖像尺寸完全相同。如何從Cropper獲得固定大小的作物

除非用戶放大，否則這種方式有效。在這種情況下，生成的圖像較小，如果它們縮小則放大。

我初始化的農作物與此：

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

，然後用得到一個dataUrl上傳此：

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

看來，它是通過觀察所界定的區域種植裁切框然後使用原始大小裁剪圖像。換句話說，盒子簡單地定義了裁切器然後以原始尺寸從原始圖像切出的圖像的邊界區域。我需要它們是Cropper設置中定義的尺寸。

讓我知道你是否需要更多。

來源

2016-11-21 Simon Rigby

將設置

zoomable: false,

幫助你的情況？或者你想保留用戶的縮放能力嗎？

來源

2017-03-07 22:44:54 shacker

是怎麼回事？我的建議完全解決了OP的問題，如果他願意放棄這個功能（這在他的文章中是不明確的）。 – shacker

如何從Cropper獲得固定大小的作物

回答

相關問題