Clear canvas and UI

[superstar1128]

How can I clear all objects from canvas and UI?
When load img, menu is activated automatically.
I want to add "Clear" button, so when click "clear", clear canvas and hide menu.
How can I do it?
I called imageEditor.clearObjects(), but loaded image is remained on the canvas.

[auto-comment]

Thank you for raising an issue.
We will try and get back to you as soon as possible.

Please make sure you have filled out issue respecting our form in English and given us as much context as possible. If not, the issue will be closed or not replied.

[stale]

This issue has been automatically marked as inactive because there hasn’t been much going on it lately. It is going to be closed after 7 days. Thanks!

[junghwan-park]

@superstar1128
Sorry for late reply.

The only way to remove loaded image is destroy and create new ImageEditor instance for now.

As you know, imageEditor.clearObjects() clear only objects on the canvas(shape, line, text, icon). And ImageEditor treats the loaded image as background image.
So currently, loaded image remains until replacing another image.

I'll discuss adding API for clear ImageEditor with initial instance state with my team. Thanks.

[stale]

This issue has been automatically marked as inactive because there hasn’t been much going on it lately. It is going to be closed after 7 days. Thanks!

[stale]

This issue will be closed due to inactivity. Thanks for your contribution!

[Geetanjali2029]

How to clear image on canvas? Please help

Thank you in advance

[Geetanjali2029]

I have tried many ways sir but still no success.

imageEditorInst.loadImageFromURL("null", "image").then(() => {
imageEditorInst.clearObjects();
imageEditorInst.clearUndoStack();
imageEditorInst.clearRedoStack();
}).catch((e)=>{console.log(e) });

OR

    imageEditorInst.clearObjects();
    imageEditorInst.clearUndoStack();
    imageEditorInst.clearRedoStack();

OR

imageEditorInst.ui.initCanvas();

[eomttt]

i have same problem can i claer image?

[dano1066]

Also wondering how to clear an image from the canvas. UI can get laggy when a large image is there, I want to get rid of it once the user has saved the result without destroying the entire canvas

[lja1018]

@dano1066
There is no way to erase the background image yet. I'll consider it.