Need to trigger the save method in some way

[claytoncollie]

Hello, thank you for this repository. It is very nice. I am building a website feedback tool and using the UI annotation library to capture a screenshot and then, on form submission, send the image and some other data to a project management software. The one problem I am having is deciding whether to autosave the annotation after each one or save the final image on submission. I do not want to hit the save button in the UI and then submit my form. Do you have any methods or event listeners to make this possible?

[ailon]

Hi @claytoncollie,

You can use areastatechange event on the underlying MarkerArea to do what you want to do every time the annotation state changes.

Something like:

annotationEditor.markerArea.addEventListener("areastatechange", (ev) => {
  console.log("Current annotation:", ev.detail.markerArea.getState());
});

Make sure you are using v1.0.0+ (not beta) as pre-release versions created the underlying marker area a little later and you'd have to deal with timing of accessing it for the fist time.