2017-03-15 47 views
0

我使用croppie插件裁剪我的圖像。但是當我裁剪圖像時,結果圖像不像我裁剪的那樣。 The Image I used to crop在croppie中裁剪的圖像不正確

The Resulted Image

+0

var $ cropdiv = $('#MyProfUpload'); $ cropdiv.croppie({ 視口:{ 寬度:175,高度 :175, 類型: '圓圈' }, 邊界:{ 寬度:200,高度 :200 }, }); –

+0

if(input.files && input.files [0]){var reader = new FileReader(); reader.onload = function(e){cropdiv.croppie('bind',{ url:e.target.result }); } } –

+0

$ cropdiv.croppie( '結果',{ 類型: '畫布', 尺寸: '視口' })。然後(函數(RESP){的console.log(RESP);}); –

回答

0

可否請您附上的代碼? 它看起來像裁剪圖像的左上部分而不是選定的區域。

編輯: 它看起來像你正在從視口創建大小爲175x175的裁剪。然後你只需保存175x175的圖像即使它更大。這就是爲什麼你總是得到左上角的1​​75×175像素。有一個在文檔仔細一看:https://foliotek.github.io/Croppie/

+0

是的它正在裁剪像dat –

+0

你可以附加整個功能?我們需要一些更多的代碼來找出錯誤 – JonasJR

+0

那麼我該如何解決這個問題 –

1

我有同樣的問題,結果發現,這是因爲該圖像的樣式(在CSS文件) 最大寬度:100% 我刪除它,croppie開始按預期工作。 我希望這有助於!

1

我曾與2.5.0版

切換到之前的版本問題 - 2.4.1 - 解決了這個問題對我來說。