jcrop 未在现场正确调整框尺寸

Posted 2023-02-25

【中文标题】jcrop 未在现场正确调整框尺寸

【英文标题】：jcrop is not resizing box dimension properly on live

【发布时间】：2016-02-01 06:14:05

【问题描述】：

我在我的项目中使用 jcrop 来裁剪图像。我在引导模式中设置了 jcrop 框，并设置了 jcrop 参数 boxHeight 400 和 boxWidth 600。我的 jcrop 代码是：

$("#cropbox").attr('src', "**Dynamic image path**");
$("#cropbox").show();
$("#cropbox").Jcrop(
  bgOpacity: .5,
  aspectRatio: 7/10,
  setSelect: [ 60, 70, 540, 330 ],
  onSelect: updateCoords1,
  boxWidth: 600,
  boxHeight: 400
);

此代码在本地主机中运行良好，但在现场无法正常运行。问题在于调整裁剪框的大小问题。本地和直播的原图和截图是： 原图

本地主机

直播

我已经上传了所有需要的文件。本地和现场都有相同的 js 和 css。 请帮我找到解决方案。 提前致谢。

【参考方案1】：

好的，经过长时间的研究，我发现引导 css 覆盖了 jcrop css max-width 属性并产生了问题。所以，我把它覆盖了

img max-width: none

在包含引导 css 后的 html 代码中。

【讨论】：

感谢分享，对我帮助很大！