Tag: jcrop

jcrop将透明图像变为黑色: 我想使用jcrop选择一个内置javascript的区域，我无法修改。这个javascript正在干扰我认为的jcrop。所以我试着在我要选择的东西顶部放一个透明的gif。这阻止了干扰jcrop的东西，我选择区域很好。然而，Jcrop正在使透明图像变黑而不是透明。这是一个jsfiddle http://jsfiddle.net/andieje/rvTmX/ 这是html 这只是显示了一个链接到jcrop的透明图像以及它如何变黑。有什么方法可以解决这个问题吗？我不太了解css，但如果修改意味着图像的未选区域不再灰显，我就不会感到困扰 – 我只想在所选位周围有一个有界矩形。非常感谢您提供的任何帮助

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 load the image 3) Crop the image 4) Save the image 在大约75％的情况下，一切都按计划进行，但是在另外25％的情况下，jCrop无法加载裁剪区域并将其留空。这是我正在使用的jQuery代码： jQuery(‘#selectimg’).live(‘click’, function(e) { e.preventDefault(); var newsrc = jQuery(‘#img2’).val(); jQuery(‘#cropbox’).attr(‘src’, newsrc); var jcrop_api = jQuery.Jcrop(‘#cropbox’, { boxWidth: 700, boxHeight: […]

Django app使用裁剪工具进行图像裁剪: 我需要一个用于在客户端裁剪图像的应用程序，我的意思是，使用像Jcrop jquery插件这样的裁剪工具。我找到了这个工具： Django的图像裁剪 Django的图像裁剪 Django的imagehandler Django的头像作物但最后两个取决于管理员和两个首先似乎非常耦合自己的ImageFields和模型，任何好的解决方案？我们正在研究一个具有许多function的大型应用程序，并且很难改变逻辑写入

如何删除jcrop？: 我如何解读图像？我正在添加jcrop; $(‘#imgThumbnailer’).Jcrop({ onChange: statusCrop, onSelect: statusCrop, bgColor: ‘black’, bgOpacity: .3 }); 如何解除它呢？编辑： $(‘#imgThumbnailer’).attr(“src”, $obj.attr(‘thumbnailer_link’)); var dlg = $(“#ThumbnailDialog”).dialog({ modal: false, draggable: false, position: ‘center’, zIndex: 99999, // Above the overlay closeText: ”, width: 510, height: 500, open: function () { $(‘body’).css(“overflow”, “hidden”); if ($.browser.msie) { $(‘html’).css(“overflow”, “hidden”); } $(“#loader”).show(); var ratio = parseFloat($obj.attr(‘thumbnailer_ratio’)); […]

裁剪旋转的图像时，使Jcrop跟踪器不旋转: 我正在尝试使用Jcrop裁剪图像，但是当我在图像上使用jqueryrotate时，会发生一些奇怪的事情。我将图像旋转90度然后激活JCrop，JCrop不跟随旋转的图像，所以我也旋转了Jcrop-holder。生成的图像没问题，但是当我选择要裁剪的部分时，我注意到我的跟踪器也已旋转。当我将它向上拖动时，它向右移动，当我向左拖动时，它向下移动。怎么了然后它去了如何使裁剪选择工具保持直立？我的HTML： <img id="image_canv" src="https://stackoverflow.com/questions/20062754/make-jcrop-tracker-not-rotate-when-cropping-a-rotated-image/”> 我的Jquery： $(‘#rotatephoto’).click(function () { value += 90; JcropAPI = $(‘#image_canv’).data(‘Jcrop’); if(JcropAPI != null) { JcropAPI.destroy(); } var h = $(‘.img-canvas’).height(); var w = $(‘.img-canvas’).width(); $(‘.img-canvas’).css(“position”,”fixed”); $(‘.img-canvas’).css(“width”,w); $(‘.img-canvas’).css(“height”,h); $(‘#image_canv’).Jcrop({ onSelect: showCoords2, onChange: showCoords2, setSelect: [ 0, 100, 50, 50 ] }); JcropAPI = $(‘#image_canv’).data(‘Jcrop’); JcropAPI.enable(); […]

JQuery JCrop – 如何设置固定大小的选择区域？: 我想弄清楚如何修复JCrop下的选择框大小。该文档提到了如何设置初始选择区域，而不是如何设置固定大小。有谁知道我怎么能修好它。提前致谢。 http://deepliquid.com/content/Jcrop_Manual.html

我应该如何使用jcrop在客户端裁剪图像并上传它？: 我想要做的是使用html fileupload控件选择图像，使用jcrop裁剪选择，在客户端裁剪图像并上传图像。这里是小提琴链接https://jsfiddle.net/govi20/spmc7ymp/ Id在代码中使用： jcrop图像的目标照片文件上传控件预览canvas预览 clear_selection按钮清除所选区域设置jcrop。 jQuery(function($){ var api; $(‘#target’).Jcrop({ // start off with jcrop-light class bgOpacity: 0.5, keySupport: false, bgColor: ‘black’, minSize:[240,320], maxSize:[480,640], onChange : updatePreview, onSelect : updatePreview, height:160, width:120, addClass: ‘jcrop-normal’ },function(){ api = this; api.setSelect([0,0,240,320]); api.setOptions({ bgFade: true }); api.ui.selection.addClass(‘jcrop-selection’); }); }); 清除选择。 jQuery(‘#clear_selection’).click(function(){ $(‘#target’).Jcrop({ setSelect: [0,0,0,0], }); […]