如何将裁剪框设置为容器预览的全宽和全高（Cropper js）

Question

如何使cropper js cropBox等于容器大小。 换句话说，裁剪框区域应该等于预览高度和宽度的可用区域。

Answer 1

我刚才找到了解决方案，我才意识到我没有回答这个问题。

我设法设置全宽的方式是：

var image = document.getElementById('image');
var cropper = new Cropper(image, {
  aspectRatio: 16 / 9,
  crop: function(e) {
    console.log(e.detail.width);
    console.log(e.detail.height);

  }
});

var contData = cropper.getContainerData(); //Get container data
cropper.setCropBoxData({ height: contData.height, width: contData.width  }) //set data

Answer 2

更好的解决方案可能是将autoCropArea设置为1

{ autoCropArea: 1}