jCrop 中的图像失真问题

Posted 2023-02-25

【中文标题】jCrop 中的图像失真问题

【英文标题】：image distortion issue in jCrop

【发布时间】：2012-02-24 08:26:57

【问题描述】：

html 源代码：

这很奇怪。我在加载图像时调用jCrop函数，我确信jCrop可以得到图像的真实宽度和高度，但结果是图像失真。

有人遇到这个错误吗？

【问题讨论】：

您是否在原始图像上使用自定义宽度和高度？此外，我们需要查看您的 html 和 javascript。如果它们很大，请使用gist.github.com

@Computer Linguist，我终于找到了重点，我的css中img标签设置为“max-width:100%”。我删除它，然后一切正常。

【参考方案1】：

我终于找到了关键点，我的css中img标签设置为“max-width:100%”。我删除它，然后一切正常

【讨论】：

如果您的应用是响应式的，这将无济于事。 max-width: 100% 是在这种情况下所有动态宽度图像的值。想知道在这些情况下这是否会杀死 Jcrop...

【参考方案2】：

我参加聚会有点晚了，但正在解决这个问题。这是一个选择器错误。您可以在此处获取带有修复程序的分支（尚未正式发布）

https://github.com/tapmodo/Jcrop/pull/75

【讨论】：

如果你的应用是响应式的，你需要最大宽度：100%。所有这些修复都会覆盖它。在我看来，这并不是一个真正的解决方案。