问题标签 [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.
jquery - jQuery不更新元素的CSS高度和宽度
我在让这个应用程序的功能在 Wordpress 中 100% 工作时遇到了很多麻烦。我在 Wordpress 之外的服务器上有一个应用程序的工作版本,但是当涉及到 Wordpress 时,事情变得很奇怪。
我现在遇到的问题是该过程的第二步,当用户可以裁剪图像的一部分以显示在二维码的中心时。在这里您可以看到工作示例以及应该发生的情况,在这里您可以看到它在第二步中的中断位置。我猜在 Wordpress 主题的某个地方存在 CSS 冲突,因为 jQuery 似乎工作正常。检查元素显示,在工作示例中,边距和高度/宽度正在通过裁剪的选择进行动态调整,但在损坏的示例中,高度/宽度根本没有调整。我尝试禁用主题中的所有 CSS 文件,但无济于事。
这是我们用来更新右边图像的jQuery,因为左边的图像被裁剪了。我们使用的插件是 jcrop。问题是在工作版本上,高度和宽度使用内联 css 正确更新,但在损坏的版本上,这些值不是,但是边距在两个版本上都正常工作。
jquery - 如何检查图片是否已完全加载?
一个小问题。如何检查 Jcropbox 中的图片是否已完全加载?我是一个 javascript 初学者,所以如果有人可以提供帮助,我将非常感激。这是我的代码。
javascript - 获取原始图像进行裁剪,忽略宽度属性?
我的用户可以上传非常大的图像,并且出于裁剪和显示目的,我正在添加width
属性,以便它可以很好地适合浏览器窗口。实际图像尺寸可以是 - 比如说 1920 x 1080 像素。
为了计算真实的选择框尺寸(如果x
坐标是 20 像素,那么在原始全高清图片中将是 60 像素),我需要在应用属性之前获取完整的图像尺寸。width
问题是这将返回 640 作为值,考虑到宽度属性:
请不要将此标记为重复,因为我所要求的与简单的图像宽度/高度检索完全不同(实际上有效)。
编辑:克里斯 G. 解决方案似乎不起作用:
控制台输出:
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
是:
这就是我使用它的方式:
jquery - DotNetNuke 中的 JQuery + JCrop 问题
我正在使用 dnn 6。它有文件 dotnetnuke/js/dnn.jquery.js 所以我创建了一个模块并添加了对这个 jquery 文件和所有其他 JCrop 文件的引用,但它不起作用。
所以我添加了官方的 JQuery.js 但后来 dnn 找不到一些方法。
有谁用过 JCrop 和 DotNetNuke 吗?
javascript - 裁剪矩形不可见
我正在使用以下代码进行裁剪: http: //www.mikesdotnetting.com/Article/95/Upload-and-Crop-Images-with-jQuery-JCrop-and-ASP.NET
第一部分工作正常。但是,在进行实际裁剪之前,我看不到选择矩形。
以下是脚本标签:
jquery - 不裁剪所选区域
现在是裁剪部分:以正确的宽度、高度显示图像的不同部分。
要裁剪的区域
裁剪区域
这是我的js代码
}
php - 当我上传垂直照片时,它在我的 php 网站中显示为横向
当我上传垂直照片时,上传后显示横向。
我正在使用uploadify,并使用jQuery Jcrop 对图像进行简单的裁剪。
谁能给我解决方案?
jquery - JCrop:防止取消选择?
我目前正在设置图像上传裁剪序列。
应用程序需要一个强制的最小尺寸,但是这会导致尴尬的 JCrop 行为:
- 单击而不拖动不会产生任何结果。
- 单击并轻轻拖动会立即产生最小高度的选择。
一种潜在的解决方案将解决上述问题:
- 界面以默认选择打开。
- 无法取消选择。
JCrop 具有用于默认选择的内置功能,但是我尚未确定用于防止取消选择的内置配置/行为。
迄今为止的尝试——
我试过这条路线
return
我还尝试在几个地方修改插件的源代码,以便通过在打开这些函数定义时短路(可能)执行取消选择的函数:
doneSelect
Selection.release
Selection.done
...没有想要的结果。
有小费吗?