2017-03-15 48 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 - 解决了这个问题对我来说。