官网：

github：

由于文档不好看：提供另一个地址，这里面有一些简单的方法：

主要代码：

引入：

HTML代码：

     
     
  
      
     
 
     
  //这个是放小图片的

JS代码：

// 引入本地js的时候，用这个：$("#image").cropper({      aspectRatio: 1/1,      viewMode: 1,       minCropBoxWidth: 100,        preview: ".smallImg" });

// 使用cdn引入Jsvar cropper = new Cropper(image, {        aspectRatio: 16 / 9,        viewMode:1,        crop: function (e) {            console.log(e.detail.x);            console.log(e.detail.y);            console.log(e.detail.width);            console.log(e.detail.height);            console.log(e.detail.rotate);            console.log(e.detail.scaleX);            console.log(e.detail.scaleY);        }    });

 

具体的方法可以参考上面的网站

<!-- 用一个块元素(容器)包装图像或画布元素 --><div class="box"><img id="image" src="picture.jpg"></div>