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

Question

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

Answer 1

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

{ autoCropArea: 1}

Answer 2

前一段时间我找到了解决方案，然后我才意识到我没有回答这个问题。

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

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