问题标签 [jcrop]

我有一个使用jCrop的不错的小应用程序，现在它在 iPad 和 iPhone 上坏了。有没有人有让 jCrop 在触摸设备上工作的经验，如果有，任何帮助/样本将不胜感激。

在我的 user.data.crop_position 值是“[100,100,200,200]”；

这样做我的 jcrop 没有在设定的位置选择我能做什么是由于我传入的字符串我如何删除它，

我知道这是个愚蠢的问题，但我多次遇到此类问题，也请建议我将来不会出现此类问题。

问候

拉胡尔

我在这个小提琴中有以下代码，我希望 profile_window_content 的高度大于 jcrop-tracker 中图像的高度。 div 的高度设置为 auto ，那么为什么它不大于图像高度。请帮忙。

我在我的项目中使用 Jcrop。这个问题并不严重，但如果我能解决它会更好。

我可以通过 ajax 请求（不是 Jquery ajax）上传图像，并且图像可以在上传后加载到页面而无需刷新页面。到现在为止，一切都很好。图像加载到页面后，如果不刷新页面，Jrop 不会变为活动状态。这是 Jcrop 激活器脚本：

我不确定它是否重要，这个脚本不在 $(document).ready(function(){} 中。

我尝试使用 $('#cropbox').load 和 $('#cropbox').click 函数而不是 jQuery(window).load(function(){} 函数来触发 Jcrop，但什么也没发生。

你有什么主意吗？是否可以在通过 ajax 请求将图像加载到页面后立即激活 Jcrop 而无需刷新浏览器？

这是Jcrop的用法：

和图片上传按钮：

和 ajaxupload.js 文件：

我如何取消 jcrop 图像？

我正在添加 jcrop ；

我该如何撤消它？

编辑：

上面的代码对我不起作用。我认为这与我在 jquery 对话框中使用它的事实有关。http://code.google.com/p/jcrop/issues/detail?id=21

不确定如何修复它。

我在使用 css 调整大小以保持一致性的图像上使用Jcrop。

JS

HTML

CSS

我需要将h和w变量设置为实际图像的大小。我尝试使用.clone()操纵器制作图像的副本，然后从克隆中删除类以获取大小，但它将变量设置为零。

如果我将图像附加到页面中的元素，它会起作用，但这些是更大的图像，如果有更好的方法，我不希望将它们作为隐藏图像加载。同样删除类，设置变量，然后重新添加类会产生零星的结果。

我希望有一些类似的东西：

但是该removeClass功能不能那样工作：P

我正在使用出色的jcrop 插件来实现图像裁剪。

但是，有一个问题。我希望用户选择一个区域，然后看到一个对话框。当他们在对话框中输入内容并单击“确定”时，我希望他们返回到未选择任何内容的图像。

这是我的代码：

但是，这样，当用户在提示上单击“确定”或“取消”时，他们会返回到仍在积极“选择”的图像。当他们移动鼠标时，它会继续选择 - 他们无法选择新区域。感觉坏了。

我认为这是一个 javascript 流程问题 -showAlert正在退出并将我返回到浏览器的先前状态，即选择了一个区域 - 但我不知道如何解决它。

谢谢！

我正在使用 jQuery 的Jcrop插件进行照片处理。我终于让它在 Firefox 和 IE8 中成功运行，但在 Chrome 和 Safari 中遇到了一些奇怪的行为。

Jcrop代码

最初我只是认为在storeCoords调用函数时它没有存储坐标。但是，我将以下代码添加到storeCoords函数中以查看发生了什么：

在 Firefox 和 IE 中，它会输出裁剪框每次调整大小/移动的坐标。在 Chrome/Safari 中（使用该onChange:属性时），我得到了一行正确的数据，但随后它继续用零覆盖该数据。

• x:50 y:50 x2:150 y2:150 w:100 h:100
• x:50 y:50 x2:150 y2:150 w:100 h:100
• x:0 y:0 x2:0 y2:0 w:0 h:0 x:0 y:0
• x2:0 y2:0 w:0 h:0 x:0 y:0 x2:0 y2:0
• w:0 h:0 x:0 y:0 x2:0 y2:0 w:0 h:0
• x:0 y:0 x2:0 y2:0 w:0 h:0

单独使用该onSelect:属性会产生全零（Chrome/Safari）

所以我不知道他们为什么要调用/覆盖这些值。

编辑

我已经更新了要使用的代码，$(function(){})而不是$(window).load(function(){})并且遇到了相同的结果。我已经建立了一个产生相同结果的演示页面。我不确定这是 Jcrop 的错误还是我正在做的事情。它仅在我指定trueSize属性时发生。插件的非缩小版可以在这里查看。

我正在使用 jCrop，我想为图像上传添加一个进度条，如何让 jquery ui 进度条加载图像字节？

In the code below, the color box is working and the image showing. When I tried to integrate Jcrop with it, it doesn't.