Javascript 裁剪器调整固定的裁剪尺寸
我正在使用,需要固定的作物大小。试着按如下方式做:Javascript 裁剪器调整固定的裁剪尺寸,javascript,reactjs,cropperjs,Javascript,Reactjs,Cropperjs,我正在使用,需要固定的作物大小。试着按如下方式做: <Cropper ref='cropper' src='babyanimal_open.jpg' style={{height: 400, width: '100%'}} // Cropper.js options ready={this._ready.bind(this)} cropBoxRes
<Cropper
ref='cropper'
src='babyanimal_open.jpg'
style={{height: 400, width: '100%'}}
// Cropper.js options
ready={this._ready.bind(this)}
cropBoxResizable={false}
cropBoxData={{ width: 100, height: 50 }}
guides={false}
crop={this._crop.bind(this)} />
结果是一个没有任何错误的空屏幕。也许你应该试试这个软件包,它没有依赖性,并且适用于web和移动客户端
react avatar image crapper:您需要更正ref,就像下面我的代码一样
ref={cropper=>this.cropper = cropper}
你有没有像文档中提到的那样包括crapper.css?没有,但我没有使用纯crapper.js,而是使用npm打包的react-cropper,它是crapper.js的react包装器。我相信css默认包含在react cropper中,我错了吗?文档说css应该手动添加。是的,你是对的,非常感谢