0
A
回答
0
可否請您附上的代碼? 它看起來像裁剪圖像的左上部分而不是選定的區域。
編輯: 它看起來像你正在從視口創建大小爲175x175的裁剪。然後你只需保存175x175的圖像即使它更大。這就是爲什麼你總是得到左上角的175×175像素。有一個在文檔仔細一看:https://foliotek.github.io/Croppie/
1
我有同樣的問題,結果發現,這是因爲該圖像的樣式(在CSS文件) 最大寬度:100% 我刪除它,croppie開始按預期工作。 我希望這有助於!
1
我曾與2.5.0版
切換到之前的版本問題 - 2.4.1 - 解決了這個問題對我來說。
相關問題
- 1. Jcrop不正確裁剪圖像
- 2. 與JavaScript裁剪(croppie)差的圖像質量
- 3. 如何上傳croppie對象的裁剪圖像結果?
- 4. JCrop沒有正確裁剪圖像
- 5. 如何使用Javascript保存圖像裁剪「Croppie」
- 6. WinRT中的裁剪/裁剪圖像
- 7. 在matlab中裁剪正方形圖像
- 8. CGImageCreateWithImageInRect不是正確裁剪
- 9. Uploadcare不正確裁剪
- 10. HTML5 Canvas裁剪不正確?
- 11. android-進行裁剪圖像不正常
- 12. 在android中裁剪圖像
- 13. 在Java中裁剪圖像
- 14. 在Matlab中裁剪圖像
- 15. 在HTML5中裁剪圖像
- 16. 在Richfaces中裁剪圖像
- 17. 在matlab中裁剪圖像
- 18. 在android中裁剪圖像
- 19. 在CSS中裁剪圖像
- 20. 在opencv中裁剪圖像
- 21. 在PHP中裁剪圖像
- 22. 在Java中裁剪圖像
- 23. 在wordpress中裁剪圖像
- 24. 在iPhone中裁剪圖像
- 25. 在PHP中裁剪圖像imagecopyresampled - 壓扁而不是裁剪
- 26. 裁剪圖像
- 27. 裁剪圖像
- 28. 裁剪圖像
- 29. PIL裁剪圖像給予高度不正確的結果
- 30. 使用UIImagePickerControllerCropRect裁剪UIImagePickerControllerOriginalImage返回不正確的圖像
var $ cropdiv = $('#MyProfUpload'); $ cropdiv.croppie({ 視口:{ 寬度:175,高度 :175, 類型: '圓圈' }, 邊界:{ 寬度:200,高度 :200 }, }); –
if(input.files && input.files [0]){var reader = new FileReader(); reader.onload = function(e){cropdiv.croppie('bind',{ url:e.target.result }); } } –
$ cropdiv.croppie( '結果',{ 類型: '畫布', 尺寸: '視口' })。然後(函數(RESP){的console.log(RESP);}); –