README

内联图像裁剪jQuery插件（与选择和拖动相反，具有缩放和平移功能）。

此插件仅依赖于jQuery。如果加载了 Hammer.js 或 jquery.hammer.js，则cropbox插件将支持平移和缩放手势。同样，如果加载了 jquery.mousewheel.js 插件，则cropbox插件将支持使用鼠标滚轮进行缩放和缩小。所有对第三方库（除了jQuery之外）的依赖都是严格可选的。内置了对CommonJS和AMD加载的支持。

在支持HTML5文件API和Canvas API的浏览器中，cropbox插件提供了在客户端裁剪图像的方法，并将结果裁剪图像作为Data URL或二进制blob获取，以便上传到服务器。

在此处查看插件演示 http://acornejo.github.io/jquery-cropbox/

历史： 此插件最初是从 jQcrop 分支出来的，并增加了触摸支持、鼠标滚轮支持和通过canvas API的客户端调整大小支持。

使用Bower安装： bower install cropbox

用法

	$('yourimage').cropbox({
	    width: 200,
		height: 200
	}, function() {
		//on load
		console.log('Url: ' + this.getDataURL());
	}).on('cropbox', function(e, data) {
        console.log('crop window: ' + data);
	});

选项

方法

事件

要获取裁剪结果，请绑定一个函数到 cropbox 事件或读取对象的结果属性。

    $('yourimage').cropbox({width: 250, height: 250})
    .on('cropbox', function (e, result) {
        console.log(result);
    });

可以通过以下方式访问裁剪对象：

	var crop = $('yourimage').data('cropbox');
	console.log(crop.result);

或在内联函数中

	var crop = $('yourimage').cropbox({}, function() {
		console.log(this.result);
	});

然后您就可以访问该特定元素使用的所有属性和方法。

错误报告

使用 issues 部分报告任何有关 jquery-cropbox 的问题或疑问。

请理解，我在业余时间开发此插件，时间有限。为了更好地利用我的时间，我要求您提交详细的错误报告，并包括一个 jsfiddle，其中展示问题，否则我将无法提供太多帮助。

提供了一个示例jsfiddle 这里，您可以从中分支出来，创建一个重现您遇到问题的最小示例，并在问题中提供链接。

monstrum / cropbox

维护者

详细信息

README

用法

选项

方法

事件

错误报告