问题标签 [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 回答
731 浏览

html - 如何使用 jCrop 插件处理 html5 画布对象?

我正在寻找很长时间的解决方案,但我在任何地方都找不到。例如,如果我有这个 html 代码:

我想用一些javascript旋转功能旋转图像,然后我需要用jCrop插件裁剪它们。有没有办法用 jCrop 插件处理画布对象。我试着这样做,但没有工作:

有人能帮助我吗?

0 投票
2 回答
2163 浏览

jquery - 未调用来自 jcrop 的回调

我正在使用最新版本的 jquery.jcrop。在图像上调用 jcrop() 时,裁剪工作但不会调用回调。这使得无法设置 jcrop_api 以供以后使用。具体来说,我希望能够更改图像并需要 destroy() 方法。

当切换到 jQuery 就绪函数的调用时,这种情况开始发生:

0 投票
1 回答
1705 浏览

jquery - jCrop API is null or not an object in IE, but works in FF, Chrome, etc

I wrote an extedned plugin based on jCrop to crop mulitple images one after another.

I developed and debugged using Chrome and everything worked fine without any JavaScript issues. When i came to test in Explorer it fell over and threw a script error that wrote out

jcrop api is null or not an object

So my javascript is simply...

That all work in Chrome and i can change images using a global trigger. I have no idea why it does not work in IE?

0 投票
1 回答
393 浏览

jquery - 风景照片裁剪不正确

这是我的代码

如果我选择垂直图像,它会很酷。但是水平图像裁剪了错误的区域。每次。我正在使用 jcrop。我不认为 jcrop 导致这个。但任何人都这么认为。我可以编写我的 jcrop 代码。

编辑:已解决

我得到了它。这是,如何显示上传(未裁剪)的图像;

所以,Jcrop 在这 400px 上寻找点。但原始图像是 800 像素。

0 投票
3 回答
1313 浏览

asp.net - Jcrop 裁剪图像

我正在尝试使用 Jcrop 裁剪图像。它不起作用,我不断收到异常“输入字符串格式不正确”。

试图获取坐标

0 投票
3 回答
4652 浏览

c# - 使用 c# for asp.net web application 将任何图像大小的图像调整为 400Wx264H

我正在设计一个网站,需要将大图像的大小重新调整为 400Wx264H 的尺寸,而不会丢失纵横比。

我研究过不同版本的代码,但都遇到了一个或另一个问题。

现在我将大图像的大小调整为 400W,同时保持纵横比,然后我允许用户使用 jCrop 选择图像的一部分,可选区域为 350Wx230H。

问题是有时如果图像调整高度或宽度小于 400W 或 264H 像素,它会在图像中添加黑色部分。

如果有人能指出我必须做的类似事情,我将不胜感激。

上传和调整图像大小的代码如下

上面的代码上传大图像并将其调整为 400x264 像素的固定大小。但是这种方法会拉伸图像,因为我评论了保持纵横比的代码。

上传调整大小的图像后,我允许用户使用 jCrop 从该图像中选择区域,可选择的区域为 350x230 像素。

这工作没有任何问题,但图像被拉伸

HTML 代码的一部分

想法的屏幕截图 想法的屏幕截图

我很想把它做好,我可以给用户一个功能来选择一个图像的区域,并从中创建一个调整大小的图像。现在代码没有给出完美的结果。

如果有人可以帮助我使用此代码指向一个完整的工作示例,我将不胜感激。

问候

0 投票
2 回答
3035 浏览

html5-canvas - 如何在 HTML5 画布元素的情况下使用 jcrop 插件

我是这个画布的新手。最近在我的项目中,当用户在服务器上上传图像时,图像正在画布元素上动态预览。现在我想裁剪它的一部分。我使用了 jcrop 插件,但没有知道如何获得裁剪区域。任何关于 jcrop 使用的小帮助也表示赞赏。

提前致谢

0 投票
3 回答
2191 浏览

ruby-on-rails - RailsCast 182(修订):Jcrop 不工作

我正在尝试以与 Ryan Bates 在 RailsCasts 第 182 集(修订版)中使用它的方式完全相同的方式将 Carrierwave 与 Jcrop 一起使用,但我无法让 Jcrop 工作,我不知道为什么。

当我到达 时crop.html.erb,它按预期显示原始图片和预览,但我无法在原始图片上选择任何内容并且预览没有响应。

我玩了一点,当我添加()后面时,.Jcrop我至少可以在原始图片上选择一些东西,但预览仍然没有响应,并且所选区域也没有保持 aspectRatio 为 1。所以我猜出于某种原因之后的代码.Jcrop不执行。我不是 CoffeeScript 专家,所以我需要一些帮助来解决这个问题。

这是我的代码。非常感谢!

user.js.coffee

users_controller.rb

users/crop.html.erb

0 投票
1 回答
592 浏览

c# - Asp.net, Jcrop 价值问题

我试图让 Jcrop 与 Asp.net 一起工作,但我认为我有一个问题:

我在我的 aspx 页面中使用隐藏字段。我尝试使用常规输入字段,然后编写了一个请求表单来获取所有值,这很有效。但我无法让它与隐藏字段和 Convert.ToInt32(W.Value) 一起使用。当我尝试这种方式时,该值似乎总是为空。我得到消息:输入的格式不正确。

我的背后代码如下所示:

0 投票
3 回答
7100 浏览

javascript - JCrop 调整图像大小不裁剪 - Javascript

我正在尝试使用 JCrop 裁剪图像。然而结果是令人沮丧的错误,我不知道为什么。我有一个图片上传器,当有人在图片中选择时,javascript 会更改页面上已有图片的来源以匹配新上传的图片。然后我有这个代码:

然而,这就是发生的事情:

在此处输入图像描述

我已经尝试了很多方法来解决这个问题,但最终结果总是一样的。有人有想法么?谢谢。