问题标签 [jcrop]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1134 浏览

gwt - GWT 客户端裁剪

我坚持将 gwt 与 JCrop 或 imgareaselect javascript 库集成我有一个图像,每次客户端更改从其文件系统中选择的文件(使用上传小部件)时,该 url 都会发生变化。我希望用户在其图像中选择区域,这样我将能够获得尊重客户愿望的纵横比的图像。问题是我无法成功在加载事件上调用 imgareaselect 或 jcrop,每次我有 null,如果我尝试 jquery ("imagepreview") jquery 在执行时是未知的,如果我尝试一些 $("#imagepreview")我得到一个 $ 未定义...

请提供任何帮助...问候。

}

0 投票
2 回答
2587 浏览

ruby-on-rails - Rails 3:动态裁剪图像的显示

我想知道是否有人做过可以让用户即时更改图像显示的裁剪的东西?

我想象的是用户上传一张没有被裁剪的照片,当照片显示在他们的仪表板上时,他们可以选择“裁剪显示”选项并选择要显示的图像的矩形区域,但是,实际照片未裁剪,用户可以重复此操作并显示同一张照片的不同部分。任何人都做过这个或知道如何做到这一点?非常感谢!

0 投票
1 回答
91 浏览

php - 有没有更好的方法来更新调用 PHP 页面的 img 标签?

我正在使用 jcrop,在用户 crps 图像后,我调用了一个返回 img 标签的 php 页面,如下所示:

这很好用,但我担心的是,每次用户上传新图片时,我都会另外调用两次。从 get_profile_picture.php 返回的 img src 代码如下所示:

我很想知道是否有更优雅的解决方案。我已经尝试为“cropbox”id 设置 attr 'src' 标签,但它需要先在里面执行 PHP 代码。有什么想法或建议吗?

0 投票
1 回答
6441 浏览

jquery - 带有调整大小预览的 Jcrop

我正在使用带有预览窗格的 Jcrop,如http://net.tutsplus.com/articles/news/working-with-the-jcrop-plugin/教程中所示。这显示了如何使用预览窗格创建一个简单的 Jcrop 界面,以便在裁剪时显示结果。不幸的是,在这种情况下,预览窗格的大小是固定的,并且只是在您裁剪时放大和缩小图像,从而生成相同固定大小的裁剪图像。

我想做的是让预览窗格与裁剪工具一起调整大小,以在用户裁剪时显示结果图像,从而允许用户决定结果图像的尺寸。然后,我可以在上传图像时应用最大或最小尺寸。

预览窗格 CSS 和代码如下。请注意 targ_h 和 targ_w 变量被定义为我选择的任何内容。orig_w 和 orig_h 是从原始图像中读取的。

有没有人这样做过,并且预览窗格的宽度和高度会随着裁剪工具的宽度和高度而变化?

0 投票
1 回答
4609 浏览

jquery - jCrop:设置任何尺寸的上传图像的方形选择(居中)

我想为我的用户提供通过 jCrop 裁剪他们上传的图像的能力。结果应该是方形格式。选区应在图像中居中显示,沿最短尺寸的两侧有大约 10% 的间隙。当前代码:

因此,我需要一种将 x1、y1、x2、y2 值设置为正确位置的方法,而不是硬编码值。

0 投票
2 回答
3696 浏览

javascript - 更改图像大小时,JCrop 不保存选择

我是第一次使用 jcrop。我对图像大小和裁剪有疑问。当用户上传 1366x768 或更大的图像时,我会在我的页面上预览它。我也有裁剪选择预览,效果很好。当我提交位置时,它会很好地裁剪(当我使用原始图像大小时)。
但我不想在页面上显示这么大的原始图像。用户必须在一个视图中查看原始图像、预览和提交按钮。因此,如果图像为 1366x768,我需要使图像更小,我不想像 683x368 那样显示它。但问题就在这里。当我在图像标签裁剪上设置宽度和高度时,不再正常工作。我粘贴了我的问题的代码和图像预览:

在此处输入图像描述

这是第二个错误:在我将 X 和 Y 乘以 2 之后。 在此处输入图像描述

这是 asp.net 后端代码:

0 投票
1 回答
3816 浏览

javascript - 无法访问 Jquery JCrop api

我正在尝试访问 jCrop api ( http://deepliquid.com )。

这是我的代码片段:

我进入控制台:TypeError:表达式'jcrop_api.setSelect'[undefined] 的结果不是函数。

我知道我可以将一些参数作为选项传递,但我想使用 api 来执行一些其他的东西(setImage 等)

有任何想法吗 ?非常感谢 !

0 投票
1 回答
9028 浏览

jquery - 使用裁剪工具进行图像裁剪的 Django 应用程序

我需要一个在客户端裁剪图像的应用程序,我的意思是,使用像 Jcrop jquery 插件这样的裁剪工具。

我找到了这个工具:

但是最后两个依赖于 admin 并且前两个似乎与他们自己的 ImageFields 和模型非常耦合,有什么好的解决方案吗?

我们正在开发一个具有许多功能的大型应用程序,并且很难更改编写的逻辑

0 投票
2 回答
6218 浏览

java - 使用 jcrop 和 java 裁剪图像

我正在尝试使用带有 Java Stuff 的 JQuery Jcrop 插件来裁剪图像,但我无法获得正确的结果。

jsp代码:

Java代码:

我可以裁剪照片,但结果不正确。例如看下面的图片:

带有要裁剪的选区的原始图像
裁剪的图像不正确

0 投票
2 回答
2573 浏览

javascript - 在裁剪区域外禁用鼠标单击

我正在尝试使用 jquery jcrop 来裁剪图像。

此代码启动插件,以纵横比向图像添加一些选定区域。

但是,如果用户在其他地方的图像上单击鼠标,选择就会消失。所以我想要的是在这个插件中禁用鼠标点击,这样选定的区域将保留在图像上。