Javascript Cropperjs禁用剪裁功能

我在MVC 5 Razor页面上使用croper.js，我不想让用户用鼠标选择裁剪区域，我想用用户无法调整大小的预定义裁剪（选定）区域初始化裁剪器对象，但用户可以移动图片上的裁剪区域来裁剪图片的一部分

我找不到任何禁用剪辑的选项，我在他们的Git上检查了一下，看起来它没有这个功能，而且我在Git上发布了我的请求，但没有得到任何响应。我需要帮助我如何解决这个问题

window.onload=function（）{
var croper=window.croper；
var URL=window.URL | | window.webkitURL；
var container=document.querySelector（'.img container'）；
var image=container.getElementsByTagName（'img'）。项（0）；
var下载=“”；
var actions=document.getElementById（'actions'）；
var-dataX=128；
var-dataY=72；
var-dataHeight=1024；
var-dataWidth=576；
var-dataRotate=0；
var dataScaleX=-1；
var-dataScaleY=1；
变量选项={
专题：16/9，
预览：'.img预览'，
就绪：功能（e）{
console.log（e.type）；
},
克罗普斯特：功能（e）{
日志（e.type，e.detail.action）；
},
cropmove：函数（e）{
日志（e.type，e.detail.action）；
},
cropend：函数（e）{
日志（e.type，e.detail.action）；
},
作物：功能（e）{
var数据=详细信息；
console.log（e.type）；
dataX.value=Math.round（data.x）；
dataY.value=Math.round（data.y）；
dataHeight.value=Math.round（data.height）；
dataWidth.value=Math.round（data.width）；
dataRotate.value=typeof data.rotate！=“未定义”？data.rotate:“”；
dataScaleX.value=typeof data.scaleX！=“未定义”？data.scaleX:“”；
dataScaleY.value=typeof data.scaleY！=“未定义”？data.scaleY:“”；
},
缩放：功能（e）{
控制台日志（e.类型，e.细节比率）；
}
};
变量裁剪器=新裁剪器（图像，选项）；
}

.img容器{
最小高度：497px；
最大宽度：497px；
边缘底部：1rem；
背景色：白色；
文本对齐：居中；
宽度：100%；
}
.img容器>img{
最大宽度：100%；
}
img{
垂直对齐：中间对齐；
边框样式：无；
}

---

参考@Chris W提供的帮助。我能够设置固定的剪辑区域

var image=document.getElementById（'cropr'）；
变量裁剪器=新裁剪器（图像{
dragMode:'移动'，
专题：16/9，
自动降速面积：0.65，
还原：假，
导游：错，
中锋：错，
推荐理由：错，
cropBoxMovable：没错，
CropBoxResizeable:错误，
toggleDragModeOnDblclick:false，
});
.img容器{
最小高度：497px；
最大宽度：497px；
边缘底部：1rem；
背景色：白色；
文本对齐：居中；
宽度：100%；
}
.img容器>img{
最大宽度：100%；
}
img{
垂直对齐：中间对齐；
边框样式：无；
}
站点上有您所描述的内容。感谢分享，虽然在示例中我可以移动图像而不是裁剪区域，但拥有此功能很好，我不确定为什么我无法在站点上找到此示例。