【问题标题】:image distortion issue in jCropjCrop 中的图像失真问题
【发布时间】:2012-02-24 08:26:57
【问题描述】:

html 源代码:

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

有人遇到这个错误吗?

【问题讨论】:

  • 您是否在原始图像上使用自定义宽度和高度?此外,我们需要查看您的 html 和 javascript。如果它们很大,请使用gist.github.com
  • @Computer Linguist,我终于找到了重点,我的css中img标签设置为“max-width:100%”。我删除它,然后一切正常。

标签: jquery jcrop


【解决方案1】:

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

【讨论】:

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

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

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

【讨论】:

  • 如果你的应用是响应式的,你需要最大宽度:100%。所有这些修复都会覆盖它。在我看来,这并不是一个真正的解决方案。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-12-04
  • 2013-03-31
  • 2016-03-31
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多