Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 裁剪器调整固定的裁剪尺寸_Javascript_Reactjs_Cropperjs - Fatal编程技术网

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应该手动添加。是的,你是对的,非常感谢