Clear All Images

[awmasakityan]

How do I remove all images from the canvas?

[personalizedrefrigerator]

With the current API, everything in the foreground layer can be cleared with the Erase command:

// Remove everything from the canvas in an undoable way
editor.dispatch(new Erase(editor.image.getAllComponents()));
// Remove everything in a way that can't be undone
new Erase(editor.image.getAllComponents()).apply(editor);

// NOTE: In older versions of js-draw, getAllComponents may be named "getAllElements".
// (In newer versions of js-draw, getAllElements is an alias for getAllComponents).

However, .getAllComponents can be slow for large images. See the getAllComponents and Erase documentation for details.

Edit: To remove all ImageComponents (and keep everything else),

const allImages = editor.image.getAllComponents().filter(c => c instanceof ImageComponent);
editor.dispatch(new Erase(allImages)); // Applies the command in an undoable way

[awmasakityan]

Thank you very much!