我的cropit的HTML代码:
和我的cropit javascript代码:
$('.choose_pic').click(function(){
$('.cropit-image-input').click();
});
var z = $('#image-cropper').cropit({
exportZoom: 1,imageBackground: true,imageBackgroundBorderWidth: 15 // Width of background border
});
$('.send_image').click(function(){
var h = z.cropit('export');
$('#photo_show img').attr({ src: h });
});
我想通过使用cropit jquery插件裁剪图像,我读取完整文档和多example on web,但只返回包含数据的字符串:,
我不知道出了什么问题?
最佳答案
您应该定义.cropit-image-preview css类,以便设置裁剪图像的宽度和高度.
.cropit-image-preview {
/* You can specify preview size in CSS */
width: 100px;
height: 100px;
}
并使用这样的选择器:
var z = $('#image-cropper');
z.cropit({
exportZoom: 1,imageBackgroundBorderWidth: 15 // Width of background border
});