Croppie：圖像比視

我使用https://github.com/Foliotek/Croppie裁剪圖像更大：Croppie：圖像比視

var basic = $('#demo-basic').croppie({ 
      viewport: { 
       width: 640, 
       height: 640 
      }, 
      boundary: { 
       width: 640, 
       height: 640 
      }, 
      showZoom: false 
     }); 

     basic.croppie('bind', { 
      url: 'image.jpg' 
     });

我需要的640×640所得到的圖像大小，我只使用圖像是大於640 * 640，如果將結果設置爲

basic.croppie('result', { 
       type: 'canvas', 
       size: 'viewport' 
      }).then(function (src) { 
       window.open(src); 
      });

如何在移動屏幕上（屏幕寬度爲320像素）解決此問題？生成的圖像仍然必須是640 * 640，並且必須是用戶在裁剪（預覽）時實際看到的圖像。我嘗試更改viewport或boundary參數，但生成的圖像與用戶在裁剪（預覽）時看到的圖像不同。

TLDR：如何裁剪圖像，原始圖像和裁剪後的圖像都大於屏幕寬度？

來源

2016-01-22 NthDegree

通過使用不同的插件解決：http://fengyuanchen.github.io/cropper/

來源

2016-01-22 21:14:50 NthDegree

我也在尋找一個更容易理解腳本。我認爲這似乎可以通過裁剪評論來判斷，但是文檔和示例很差，並且它不是一個響應式腳本。 –

這可能會幫助你 -

basic.croppie('result', { 
      type: 'canvas', 
      size: { width: 640, height: 640 } 
     }).then(function (src) { 
      window.open(src); 
     });

來源

2017-04-24 10:00:27

這是正確的答案謝謝！ – RafaSashi

Croppie：圖像比視

回答

相關問題