jcrop相关内容

裁剪旋转图像时使 Jcrop 跟踪器不旋转

我正在尝试使用 Jcrop 裁剪图像,但是当我在图像上使用 jqueryrotate 时,会发生一些奇怪的事情. 我将图像旋转 90 度然后激活 JCrop,JCrop 不跟随旋转的图像,所以我也旋转了 Jcrop-holder.生成的图像还可以,但是当我选择要裁剪的部分时,我注意到我的跟踪器也旋转了.往上拖是往右,往左拖是往下. 会发生什么 然后就可以了如何让作物选择工具保持直 ..
发布时间:2022-01-16 14:51:14 其他开发

角度不安全的网址

我正在使用此指令将 jCrop 与 Angular 结合使用:http://plnkr.co/编辑/Z2IQX8s9UK6wQ1hS4asz?p=preview 当我为 src 加载一个值时,我收到这个错误: 无法插入:{{profileImg}} 错误:[$sce:insecurl] 然后它把我链接到一个页面,上面写着: 阻止从 $sceDelegate 政策不允许的 u ..
发布时间:2021-11-09 23:02:42 前端开发

我们是否还需要允许 ruby​​ 虚拟属性?

直到现在我想,我必须只允许那些我需要保存在数据库中的属性.但是最近我用Jcrop裁剪我的用户头像,它有4个虚拟属性,裁剪后会从前端发送, 这是我的模型 class User 当我在裁剪后提交时,我的控制台日志显示 不允许的参数:crop_x、crop_y、crop_h、crop_w 并且图像没有被裁剪. 但是如果我允许这些虚拟属性为 params.require(:user ..

无法裁剪和调整图像大小

我正在尝试为较大的图像创建缩略图。我正在使用 Jcrop 来获取农作物的坐标,但是我无法打开它裁剪成正确的缩略图图像。我已经正确设置了Jcrop,它正在通过xy坐标与盒子的大小一起发送,但是我不知道如何从中裁剪。 我所拥有的是服务器上图像的路径,以及4个坐标以及它们创建的正方形框的宽度和高度(我希望将正方形缩略图的纵横比锁定为1:1)。然后,我通过Ajax将其发送到我的PHP裁剪脚本,但是我 ..
发布时间:2020-10-11 06:04:28 PHP

在创建映像之前,将jCrop与cloudinary一起通过rails 4进行裁剪

我已经有一段时间了.我正在使用cloudinary上传照片,并尝试在照片创建操作上使用jcrop实现裁剪功能.实现cloudinary之后,我在Jcrop上遵循了railscasts#182.我认为我在获取新的裁剪参数时遇到问题(x ,y,w,h)在保存图片之前返回给上传者. 更新:我什至没有把值放到f.text_fields中.当我移动收割机时,应该有新的值吧?这是空白字段的图片: 另外, ..
发布时间:2020-07-05 05:01:20 其他开发

JCropped获取裁剪的图像高度

我正在使用JCrop来获取要裁剪的图像的尺寸.我有用于获取尺寸集的代码,如下所示: function updateCoordinates(c) { console.log(c) $('#image_x').val(c.x); $('#image_x2').val(c.x2) ..
发布时间:2019-11-18 12:36:25 PHP

流体图像上的Jquery JCrop功能

所以我已经在图像上实现了JCrop,现在必须进行设计更改,以使图像流畅. 我的图像现在具有max-height:100%;max-width:100%,并且在没有JCrop的情况下可以相应地缩放,但是在JCrop情况下没有,这是因为JCrop在初始化时为图像设置了固定的宽度和高度,例如: display: none; visibility: hidden; width:540px; h ..
发布时间:2019-11-18 12:25:09 前端开发

不裁剪所选区域

现在是裁切部分:以正确的宽度,高度显示图像的不同部分. 要种植的面积 播种面积 这里是我的js代码 jQuery(document).ready(function () { jQuery('#imgCrop').Jcrop({ onSelect: storeCoords, ..
发布时间:2019-11-15 13:06:19 JavaScript

图像加载事件在图像完全加载之前触发?

我正在使用Jcrop jquery插件,并在onload事件上触发initJcropBox()函数. ,但是此功能在图像完全加载之前被触发.这引起了问题.例如显示jcropbox大小不正确或根本不显示jcropbox. 当我放置一条线时,它工作正常.但这不是解决方案. setTimeout('initJcropBox()',2000); 在浏览器中完全加载/渲染图像后,如何触发i ..
发布时间:2019-11-14 17:02:11 JavaScript

Ajax提交后如何关闭fancybox?

我正在使用Jquery表单插件. 弹出窗口随图像上传表单一起显示.图像上传成功.成功上传图像后,我想关闭弹出窗口.下面的javascript是用弹出式内容编写的. $(this).ajaxSubmit({ success: function(dd) { parent.$.fancybox.close(); } }); 但是它不起作用. 弹出窗口内容和父页面中包 ..
发布时间:2019-11-14 15:36:58 JavaScript

jQuery如何添加到Jcrop缩放功能

JCrop这是一个非常出色的插件,但不幸的是缺少Zoom-In Zoom-Out功能. 我想知道是否有人尝试在jCrop中添加“放大缩小"功能. 请发布代码示例. 谢谢 解决方案 这是一种非常快捷,肮脏的方法... 在Jcrop随附的演示文件"crop.php"中,您将找到此功能: $(function(){ $('#cropbox').Jcrop({ ..
发布时间:2019-11-13 17:54:41 JavaScript

无法在Jcrop中拖动选择,什么会破坏它?

我很茫然.我正在使用JQuery 1.4.2和JCrop 0.98.其他所有工作都很好,但是一旦创建,我就无法移动选择.当我将鼠标悬停在所选内容上并单击时,什么也没有发生. 我拥有JQuery库,JCrop库和JCrop css文件.这是一个非常干净的页面,没有太多其他内容.我不知道我是否意外地重写了自己的javascript和css中的某些内容,从而破坏了JCrop,两者都有很多.但是Fi ..
发布时间:2019-11-13 17:19:43 前端开发

jcrop将透明图像变黑

我想使用jcrop在无法修改的内置javascript内容中选择一个区域.我认为此javascript干扰了jcrop.因此我尝试将透明gif放在我要选择的内容上方.这阻止了干扰jcrop的事物,我可以选择良好的区域.但是,Jcrop正在使透明图像变黑,而不是透明. 这是一个jsfiddle http://jsfiddle.net/andieje/rvTmX/ 这是html ..
发布时间:2019-11-13 17:00:55 JavaScript

jCrop(jQuery)有时无法加载图像/裁剪区域

我有一个非常简单的问题,但是对于导致问题的原因我一无所知.在我的一个应用程序中,我将jCrop用作裁切图像的小插件,以适合横幅/标题等.将采取以下步骤: 1) Select an image (using CKFinder for this, CKFinder returns the image path to an input field) 2) Click a button to loa ..
发布时间:2019-11-13 14:09:04 前端开发

如何删除jcrop?

我如何取消裁剪图像? 我要在jcrop中添加一个; $('#imgThumbnailer').Jcrop({ onChange: statusCrop, onSelect: statusCrop, bgColor: 'black', bgOpacity: .3 }); 我该如何撤消它? 编辑: $('#imgThumbnailer').a ..
发布时间:2019-11-07 19:18:17 JavaScript

jQuery JCrop-如何设置固定大小的选择区域?

我试图弄清楚如何在JCrop下修复选择框的大小.该文档提到了如何设置初始选择区域,但没有提到如何将其设置为固定大小.有谁知道我该如何解决这个问题.预先感谢. http://deepliquid.com/content/Jcrop_Manual.html 解决方案 您基本上是在寻找API部分.我自己广泛使用了此插件,因此我确切知道您要查找的内容: var api; var cro ..
发布时间:2019-11-06 12:31:54 JavaScript

角度不安全的网址

我正在使用此指令将jCrop与Angular一起使用: http://plnkr.co/编辑/ Z2IQX8s9UK6wQ1hS4asz?p =预览 当我加载 src 的值时,我得到了此错误: 无法插值:{{profileImg}}错误:[$ sce:insecurl] 然后它将我链接到一个页面,上面写着: 阻止$ sceDelegate policy不允许从url加载资源 ..
发布时间:2019-06-12 14:45:54 前端开发

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

我正在尝试使用JCrop裁剪图像。然而结果是令人沮丧的错误,我不知道为什么。我有一个图像上传器,当有人在图像中选择时,javascript会更改页面上已有图像的来源以匹配新上传的图像。然后我有这个代码: $('#myForm')。ajaxForm({ dataType:'json' , 成功:函数(结果){ $(“#image-editor-preview img”) .attr(“ ..
发布时间:2019-06-08 16:59:33 前端开发