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

Question

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

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