将画布作为文件导出到变量

Question

我正在使用Redux，将上传的图像传递到画布并进行编辑。问题是我还将另一个变量传递给画布组件，如下所示：

const mapStateToProps = state => ({
    image: state.image,
    textType: state.textType,
    tasks: state.tasks,
    width: state.canvasWidth,
    height: state.canvasHeight,
    coins: state.coins,
});
const mapDispatchToProps = dispatch => ({
    clearCoins(coins) {
        dispatch(setCoinsPrice(coins))
    },
    setCoins(coins) {
        dispatch(setCoinsPrice(coins));
    },
    setEditedImage(image) {
        dispatch(setEditedImage(image));
    }
});
export default connect(mapStateToProps, mapDispatchToProps)(UI);

因此，正在刷新图像。并再次渲染原始图像。因此，我要做的是将画布导出为文件 ，但导出为变量 ，然后将其传递给商店，这样便可以全部同步。 / p>

如何将画布导出为像这样的 文件 ？

File { 
    name: "5bc9d28270e5375dfbfe17fd.jpg",
    lastModified: 1541008471000,
    webkitRelativePath: "",
    size: 17283,
    type: "image/jpeg" 
}