how to hide resize bounding lines when exporting an image in konvajs?

Question

I'm building some drag and drop Javascript app using konva.js and I have this one problem: when i'm exporting the image using the "stage.toDataURL()" command, the exported image contains the resizing boundings: How can i export the image without the resize bounding lines?

Thanks

Answer 1

Just hide transformer before export, then show it back.

tranformer.hide();
const url = stage.toDataURL():
tranformer.show();

Answer 2

You can create two layers:

• First layer with nodes
• Second node with transformers

Once you need screenshot without transformers, just use .toDataURI on First layer

Layer api: https://konvajs.org/api/Konva.Layer.html