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

javascript - 使用 Slimbox2 / jCrop 禁用键盘默认行为

嘿,我在网站中使用Slimbox2,但打开灯箱效果后,键盘没用了。

我的意思是键盘键不再响应。就像“F5”不刷新页面一样,如果我尝试将文本输入到我动态添加的一些文本字段中,则文本看起来不像正常。

其他人以前遇到过这个吗?

也可能是导致此问题的jCrop 。

无论如何,我可以防止这种行为并恢复正常行为吗?

0 投票
1 回答
2087 浏览

jquery - jQuery不更新元素的CSS高度和宽度

我在让这个应用程序的功能在 Wordpress 中 100% 工作时遇到了很多麻烦。我在 Wordpress 之外的服务器上有一个应用程序的工作版本,但是当涉及到 Wordpress 时,事情变得很奇怪。

我现在遇到的问题是该过程的第二步,当用户可以裁剪图像的一部分以显示在二维码的中心时。在这里您可以看到工作示例以及应该发生的情况,在这里您可以看到它在第二步中的中断位置。我猜在 Wordpress 主题的某个地方存在 CSS 冲突,因为 jQuery 似乎工作正常。检查元素显示,在工作示例中,边距和高度/宽度正在通过裁剪的选择进行动态调整,但在损坏的示例中,高度/宽度根本没有调整。我尝试禁用主题中的所有 CSS 文件,但无济于事。

这是我们用来更新右边图像的jQuery,因为左边的图像被裁剪了。我们使用的插件是 jcrop。问题是在工作版本上,高度和宽度使用内联 css 正确更新,但在损坏的版本上,这些值不是,但是边距在两个版本上都正常工作。

0 投票
1 回答
152 浏览

jquery - 如何检查图片是否已完全加载?

一个小问题。如何检查 Jcropbox 中的图片是否已完全加载?我是一个 javascript 初学者,所以如果有人可以提供帮助,我将非常感激。这是我的代码。

0 投票
4 回答
555 浏览

javascript - 获取原始图像进行裁剪,忽略宽度属性?

我的用户可以上传非常大的图像,并且出于裁剪显示目的,我正在添加width属性,以便它可以很好地适合浏览器窗口。实际图像尺寸可以是 - 比如说 1920 x 1080 像素。

为了计算真实的选择框尺寸(如果x坐标是 20 像素,那么在原始全高清图片中将是 60 像素),我需要在应用属性之前获取完整的图像尺寸。width

问题是这将返回 640 作为值,考虑到宽度属性:

请不要将此标记为重复,因为我所要求的与简单的图像宽度/高度检索完全不同(实际上有效)。

编辑:克里斯 G. 解决方案似乎不起作用:

控制台输出:

0 投票
1 回答
586 浏览

javascript - 从 .css 移动到 jQuery css(),在动态添加元素时不起作用

在您对此发表评论之前,我知道最好有一个单独的 CSS 文件以实现可维护性。但是我需要使用没有任何 CSS 或图像的 Jcrop 插件,所有这些都应该嵌入到一个croppable.js文件中。

问题是:css 不适用于Jcrop 动态添加的元素(一些divs带有.jcrop-vline.jcrop-hline和其他类)。

我做了什么:我删除了原始jquery.Jcrop.css文件和Jcrop.gif在原始 Jcrop 包中编码的 base64。结果croppable.js是:

这就是我使用它的方式:

0 投票
1 回答
246 浏览

jquery - DotNetNuke 中的 JQuery + JCrop 问题

我正在使用 dnn 6。它有文件 dotnetnuke/js/dnn.jquery.js 所以我创建了一个模块并添加了对这个 jquery 文件和所有其他 JCrop 文件的引用,但它不起作用。
所以我添加了官方的 JQuery.js 但后来 dnn 找不到一些方法。
有谁用过 JCrop 和 DotNetNuke 吗?

0 投票
1 回答
432 浏览

javascript - 裁剪矩形不可见

我正在使用以下代码进行裁剪: http: //www.mikesdotnetting.com/Article/95/Upload-and-Crop-Images-with-jQuery-JCrop-and-ASP.NET

第一部分工作正常。但是,在进行实际裁剪之前,我看不到选择矩形。

以下是脚本标签:

0 投票
1 回答
679 浏览

jquery - 不裁剪所选区域

现在是裁剪部分:以正确的宽度、高度显示图像的不同部分。

要裁剪的区域

在此处输入图像描述

裁剪区域 在此处输入图像描述

这是我的js代码

}

0 投票
1 回答
366 浏览

php - 当我上传垂直照片时,它在我的 php 网站中显示为横向

当我上传垂直照片时,上传后显示横向。

我正在使用uploadify,并使用jQuery Jcrop 对图像进行简单的裁剪。

谁能给我解决方案?

0 投票
4 回答
4810 浏览

jquery - JCrop:防止取消选择?

我目前正在设置图像上传裁剪序列。

应用程序需要一个强制的最小尺寸,但是这会导致尴尬的 JCrop 行为:

  • 单击而不拖动不会产生任何结果。
  • 单击并轻轻拖动会立即产生最小高度的选择。

一种潜在的解决方案将解决上述问题:

  • 界面以默认选择打开。
  • 无法取消选择。

JCrop 具有用于默认选择的内置功能,但是我尚未确定用于防止取消选择的内置配置/行为。

迄今为止的尝试——

我试过这条路线

return我还尝试在几个地方修改插件的源代码,以便通过在打开这些函数定义时短路(可能)执行取消选择的函数:

doneSelect Selection.release Selection.done

...没有想要的结果。

有小费吗?