从 react-konva 的阶段获取 dataUrl答案

【问题标题】：Get dataUrl from stage in react-konva从 react-konva 的阶段获取 dataUrl
【发布时间】：2018-12-23 18:40:11
【问题描述】：

我用 2 个相互重叠的图像渲染了 konva 舞台。现在，我正在尝试从舞台和画布中导出重叠的图像。我试图得到const dataURL = this.stageNode.getStage().toDataURL(); 并添加了 stageNode 之类的

 <Stage ref={node => {
      this.stageNode = node;
    }}>

但我仍然无法从舞台访问 base64 字符串。 A trail with react kova image sample

【问题讨论】：

你有什么错误吗？你能做一个你正在尝试的在线演示吗？
收到警告：Konva 警告：无法获取数据 URL。无法在“HTMLCanvasElement”上执行“toDataURL”：可能无法导出受污染的画布。在codesandbox.io/s/zr3r3lr3l4 添加了我的代码
您有一个空白 URL，因为您有 CORS 问题。 stackoverflow.com/questions/22710627/…

【解决方案1】：

使用来自同一域的图像解决了所面临的问题，无法在在线演示中实施修复。感谢@lavrton 及时回复

【讨论】：