croppie中裁剪的图像不正确

Question

我正在使用croppie插件裁剪我的图片。但是当裁剪图像时，结果图像不像我裁剪的那样。

Answer 1

我有同样的问题，发现这是因为图像有样式（在css文件中） 最大宽度：100％ 我删除它，croppie开始按预期工作。 我希望这有帮助！

Answer 2

我在2.5.0版本中遇到了问题

切换到之前的版本 - 2.4.1 - 为我解决了问题。

Answer 3

我知道这个问题已经有一段时间了。但是我和@arun-raj 一样对“Croppie”有同样的问题。经过大量测试，我找到了一个非常相似的解决方案，例如@Rúbel。

在我的项目中，我使用“reset.css”来实现跨浏览器的相同外观。 但是当我使用“Croppie”时它不能正常工作。我意识到在“Croppie”中只有 1 个 css 规则导致了这个问题。在“reset.css”第 44 行中有：

img {
    width: 100%;
}

删除这条规则，不管你是否使用“reset.css”。

试试这个例子：

Croppie with "reset.css" with img rule

Croppie without css img rule

只需检查页面源代码即可查看代码和“Croppie”是否正常工作。 希望这对你也有帮助！

Answer 4

你能附上代码吗？ 看起来您裁剪出图像的左上角而不是选定区域。

编辑： 看起来您正在从视口创建大小为175x175的croppie。然后你只需保存175x175的结果图像即使它更大。这就是为什么你总是得到左上角的1​​75x175像素。仔细查看文档：{​​{3}}