react中有实现截图插件吗(2)-木庄网络博客

2022-02-21 23:48:54 PHP中文网 JavaScript 百度已收录

src：src是要裁剪的图片的src，一般是上层组件读取到的图片的Base64编码

aspectRatio：这是控制裁剪后的图片的比例

裁剪框底部还有一个按钮来确认是否裁剪，从上面我们可以看到其绑定的事件：

cropImage() {
        if (this.cropper.getCroppedCanvas() === 'null') {
            return false
        }
        this.props.getCropData(this.cropper.getCroppedCanvas().toDataURL())
    }

this.cropper使我们使用的react的ref属性保存的Cropper组件的DOM节点的引用，不清楚的可以去看React官方文档，这个组件提供了一个getCroppedCanvas()方法，这个方法返回的是裁剪得到的图片，我们可以使用

toDataURL()方法将其转化为Base64编码上传到上一级的组件。

以上就是react中有实现截图插件吗的详细内容，更多文章请关注木庄网络博客！

返回前面的内容

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » react中有实现截图插件吗

react中有实现截图插件吗

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

相关推荐

评论