我使用JqueryJcrop裁剪我的图像。现在我正在实现一个用于调整图像大小的slider。我希望在同一页面上进行裁剪和调整大小。我是这样做的:$(document).ready(function(){varimg=$('#cropbox')[0];//Getmyimgelemvarorgwidth,orgheight;$("")//Makeinmemorycopyofimagetoavoidcssissues.attr("src",$(img).attr("src")).load(function(){orgwidth=this.width;//Note:$(this).width(
我很迷茫。我正在使用JQuery1.4.2和JCrop0.98。其他一切正常,但我无法在创建后移动选择。当我将鼠标悬停在选择上并单击时,没有任何反应。我有JQuery库、JCrop库和JCropcss文件。这是一个非常干净的页面,上面没有太多其他内容。我不知道我是否不小心以破坏JCrop的方式覆盖了我自己的javascript和css中的某些内容,两者都有很多。但是Firebugs没有出现任何问题。这些教程在我的浏览器和我的服务器上运行良好,尽管它们确实使用了不同版本的jquery。但是,当我将他们最初使用的版本替换为我使用的版本时,它们仍然可以正常工作。所以它必须与我的javascr
请查看http://jsfiddle.net/UmJtB/18/下面的代码$(document).ready(function(){$(".uploadphoto").click(function(){if(document.getElementById('files').files.length==0){alert('SelectanImagefirst');returnfalse;}else{//Whenuploadbuttonispressed,loadthePopupboxFirstloadPopupBox();}$('#popupBoxClose').click(functi
我想在图片中央开始JCrop选择。有办法吗?有什么选择吗?手册中没有具体说明。我们必须手动计算吗? 最佳答案 如果您不知道如何在中心设置选择:检查设置选项http://deepliquid.com/content/Jcrop_Manual.html#Setting_Options像这样的东西(取自API引用):jQuery(function($){$('#target').Jcrop({onSelect:showCoords,bgColor:'black',bgOpacity:.4,setSelect:[x,y,x1,y1],asp
我需要一种方法让用户通过调整透明矩形的大小或通过单击并拖动选择区域(就像在桌面操作系统中所做的那样)来选择图像的一部分,这两种方法都适合我。然后我需要使用jQuery检索所选区域的坐标。请推荐可能有帮助的示例或tuts(如果有的话)、方法或API文档部分。 最佳答案 参见Jcrop这是演示。和脚本:jQuery(function($){$('#target').Jcrop({onChange:showCoords,onSelect:showCoords});});//Simpleeventhandler,calledfromonCh
我有一个关于setSelect的小问题,我无法解决。我有一个看起来像这样的代码:jQuery('#cropbox1').Jcrop({setSelect:[157,86,37,49],aspectRatio:151/200,onChange:showCoords1,onSelect:showCoords1});但是带有裁剪的小框显然没有显示在那些位置(例如那里显示的“x”位置是157,但我的图像宽度只有300,因此裁剪框应该出现在它的一半之后,它出现在它的开头。对可能出现的问题有什么想法吗??谢谢!! 最佳答案 已解决,如果有人遇到
我正在开发一个组件,其中有文件上传HTML控件,在使用文件上传元素选择图像后,图像将呈现在HTML5Canvas元素上。这是带有示例代码的JSFiddle:https://jsfiddle.net/govi20/spmc7ymp/id=target=>jcrop元素的选择器id=photograph=>文件上传元素的选择器id=preview=>Canvas元素选择器id=clear_selection=>清除Canvas的按钮选择器使用的第三方JS库:设置JCrop:jQuery(function($){varapi;$('#target').Jcrop({//startoffwit
据我所知,JCrop不会让我进行设置,以便用户可以裁剪实际图像并包括周围的空白。有办法吗?为了帮助解释我的意思,假设我们将裁剪比例限制为16:9。这适用于具有自然宽主题的图像:但有时用户想要使用的源图像并不能很好地适应所需的比例:相反,我们希望通过使裁剪区域大于图像本身来允许它们在图像外部包含空间:我一直在摆弄JCrop,并通过手册和谷歌浏览了一段时间,但看起来这不可能(不修改JCrop)。我错了吗?如果是这样,你是怎么做到的?FWIW,在这种情况下,实际图像将是产品/组织Logo图像,它们具有多种宽高比,并且几乎总是向人们提供的图像在文本/图像周围几乎没有空白。这意味着限制在图像边界
我遇到了一个非常简单的问题,但我对导致问题的原因一无所知。在我的一个应用程序中,我使用jCrop作为一个小插件来裁剪图像以适合横幅/标题等。将采取以下步骤:1)Selectanimage(usingCKFinderforthis,CKFinderreturnstheimagepathtoaninputfield)2)Clickabuttontoloadtheimage3)Croptheimage4)Savetheimage在大约75%的情况下,一切都按计划进行,但在另外25%的情况下,jCrop无法加载裁剪区域并将其留空。这是我正在使用的jQuery代码:jQuery('#select
我的Jcrop插件无法正常工作。我可以选择一个区域进行裁剪,但边缘没有调整大小的小方block。我不知道这是特定功能还是默认设置。这就是我的意思。我的裁剪区域现在看起来像这样:我裁剪的背景是红色的,选中的区域是原来的颜色,但奇怪的是没有像这张图那样的调整大小的方block:我的代码是这样的:头部:HetVergeet-mij-nietjejQuery(function($){varjcrop_api;$('#cropbox').Jcrop({bgColor:'red'},function(){jcrop_api=this;});$('#animbutton').click(functi