javascript - Cropper js React 固定裁剪大小

Question

我正在使用react-cropper并且需要固定的裁剪大小。尝试按如下方式进行：

<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)} />

结果是一个没有任何错误的空屏幕。

Answer 1

这个问题的答案是 ref 不是字符串，使用

 let cropperRef=React.useRef();
 
 ref={cropperRef}

Answer 2

也许你应该试试这个包，它没有依赖关系，适用于 web 和移动客户端。

react-avatar-image-cropper: https://www.npmjs.com/package/react-avatar-image-cropper

Answer 3

您需要更正 ref，如下面的我的代码。

ref={cropper=>this.cropper = cropper}