Search code examples
konvajsreact-konva

Get dataUrl from stage in react-konva

I rendered konva stage with 2 images overlapping each other. Now, I am trying to export the overlapped image from the stage and canvas. I tried to get const dataURL = this.stageNode.getStage().toDataURL(); and added stageNode like

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

But still I am not able to access base64 string from stage. A trail with react kova image sample

PS:This is related to https://github.com/konvajs/react-konva/issues/305 to some extent

Solution

  • Using images from same domain solves the issue which was faced, could not implement the fix in online demo. Thanks @lavrton for prompt reply