jcrop相关内容
我正在尝试使用 Jcrop 裁剪图像,但是当我在图像上使用 jqueryrotate 时,会发生一些奇怪的事情. 我将图像旋转 90 度然后激活 JCrop,JCrop 不跟随旋转的图像,所以我也旋转了 Jcrop-holder.生成的图像还可以,但是当我选择要裁剪的部分时,我注意到我的跟踪器也旋转了.往上拖是往右,往左拖是往下. 会发生什么 然后就可以了如何让作物选择工具保持直
..
我正在使用此指令将 jCrop 与 Angular 结合使用:http://plnkr.co/编辑/Z2IQX8s9UK6wQ1hS4asz?p=preview 当我为 src 加载一个值时,我收到这个错误: 无法插入:{{profileImg}} 错误:[$sce:insecurl] 然后它把我链接到一个页面,上面写着: 阻止从 $sceDelegate 政策不允许的 u
..
直到现在我想,我必须只允许那些我需要保存在数据库中的属性.但是最近我用Jcrop裁剪我的用户头像,它有4个虚拟属性,裁剪后会从前端发送, 这是我的模型 class User 当我在裁剪后提交时,我的控制台日志显示 不允许的参数:crop_x、crop_y、crop_h、crop_w 并且图像没有被裁剪. 但是如果我允许这些虚拟属性为 params.require(:user
..
我有以下html代码可以上传图片:
..
我正在尝试为较大的图像创建缩略图。我正在使用 Jcrop 来获取农作物的坐标,但是我无法打开它裁剪成正确的缩略图图像。我已经正确设置了Jcrop,它正在通过xy坐标与盒子的大小一起发送,但是我不知道如何从中裁剪。 我所拥有的是服务器上图像的路径,以及4个坐标以及它们创建的正方形框的宽度和高度(我希望将正方形缩略图的纵横比锁定为1:1)。然后,我通过Ajax将其发送到我的PHP裁剪脚本,但是我
..
我已经有一段时间了.我正在使用cloudinary上传照片,并尝试在照片创建操作上使用jcrop实现裁剪功能.实现cloudinary之后,我在Jcrop上遵循了railscasts#182.我认为我在获取新的裁剪参数时遇到问题(x ,y,w,h)在保存图片之前返回给上传者. 更新:我什至没有把值放到f.text_fields中.当我移动收割机时,应该有新的值吧?这是空白字段的图片: 另外,
..
我收到错误消息“对象不支持属性或方法'on'".我认为这与我的脚本有关. $('#').on('change', function () { $('#').click(); }); 页面脚本
..
我正在使用JCrop来获取要裁剪的图像的尺寸.我有用于获取尺寸集的代码,如下所示: function updateCoordinates(c) { console.log(c) $('#image_x').val(c.x); $('#image_x2').val(c.x2)
..
所以我已经在图像上实现了JCrop,现在必须进行设计更改,以使图像流畅. 我的图像现在具有max-height:100%;max-width:100%,并且在没有JCrop的情况下可以相应地缩放,但是在JCrop情况下没有,这是因为JCrop在初始化时为图像设置了固定的宽度和高度,例如: display: none; visibility: hidden; width:540px; h
..
现在是裁切部分:以正确的宽度,高度显示图像的不同部分. 要种植的面积 播种面积 这里是我的js代码 jQuery(document).ready(function () { jQuery('#imgCrop').Jcrop({ onSelect: storeCoords,
..
我正在使用Jcrop jquery插件,并在onload事件上触发initJcropBox()函数. ,但是此功能在图像完全加载之前被触发.这引起了问题.例如显示jcropbox大小不正确或根本不显示jcropbox. 当我放置一条线时,它工作正常.但这不是解决方案. setTimeout('initJcropBox()',2000); 在浏览器中完全加载/渲染图像后,如何触发i
..
我正在使用Jquery表单插件. 弹出窗口随图像上传表单一起显示.图像上传成功.成功上传图像后,我想关闭弹出窗口.下面的javascript是用弹出式内容编写的. $(this).ajaxSubmit({ success: function(dd) { parent.$.fancybox.close(); } }); 但是它不起作用. 弹出窗口内容和父页面中包
..
JCrop这是一个非常出色的插件,但不幸的是缺少Zoom-In Zoom-Out功能. 我想知道是否有人尝试在jCrop中添加“放大缩小"功能. 请发布代码示例. 谢谢 解决方案 这是一种非常快捷,肮脏的方法... 在Jcrop随附的演示文件"crop.php"中,您将找到此功能: $(function(){ $('#cropbox').Jcrop({
..
我很茫然.我正在使用JQuery 1.4.2和JCrop 0.98.其他所有工作都很好,但是一旦创建,我就无法移动选择.当我将鼠标悬停在所选内容上并单击时,什么也没有发生. 我拥有JQuery库,JCrop库和JCrop css文件.这是一个非常干净的页面,没有太多其他内容.我不知道我是否意外地重写了自己的javascript和css中的某些内容,从而破坏了JCrop,两者都有很多.但是Fi
..
我想使用jcrop在无法修改的内置javascript内容中选择一个区域.我认为此javascript干扰了jcrop.因此我尝试将透明gif放在我要选择的内容上方.这阻止了干扰jcrop的事物,我可以选择良好的区域.但是,Jcrop正在使透明图像变黑,而不是透明. 这是一个jsfiddle http://jsfiddle.net/andieje/rvTmX/ 这是html
..
我有一个非常简单的问题,但是对于导致问题的原因我一无所知.在我的一个应用程序中,我将jCrop用作裁切图像的小插件,以适合横幅/标题等.将采取以下步骤: 1) Select an image (using CKFinder for this, CKFinder returns the image path to an input field) 2) Click a button to loa
..
我如何取消裁剪图像? 我要在jcrop中添加一个; $('#imgThumbnailer').Jcrop({ onChange: statusCrop, onSelect: statusCrop, bgColor: 'black', bgOpacity: .3 }); 我该如何撤消它? 编辑: $('#imgThumbnailer').a
..
我试图弄清楚如何在JCrop下修复选择框的大小.该文档提到了如何设置初始选择区域,但没有提到如何将其设置为固定大小.有谁知道我该如何解决这个问题.预先感谢. http://deepliquid.com/content/Jcrop_Manual.html 解决方案 您基本上是在寻找API部分.我自己广泛使用了此插件,因此我确切知道您要查找的内容: var api; var cro
..
我正在使用此指令将jCrop与Angular一起使用: http://plnkr.co/编辑/ Z2IQX8s9UK6wQ1hS4asz?p =预览 当我加载 src 的值时,我得到了此错误: 无法插值:{{profileImg}}错误:[$ sce:insecurl] 然后它将我链接到一个页面,上面写着: 阻止$ sceDelegate policy不允许从url加载资源
..
我正在尝试使用JCrop裁剪图像。然而结果是令人沮丧的错误,我不知道为什么。我有一个图像上传器,当有人在图像中选择时,javascript会更改页面上已有图像的来源以匹配新上传的图像。然后我有这个代码: $('#myForm')。ajaxForm({ dataType:'json' , 成功:函数(结果){ $(“#image-editor-preview img”) .attr(“
..