Images are not cropped .save()

[SergejSi]

Images seems not to be cropped on call the save() method, like shown in the following example

createFormData() {
   const result = await this.$refs.cropgram.save()

   const data = new FormData();
   //list of your pics
   result.forEach((picture, index) => {
         data.append(`media[${index}]`, picture.url || picture.blob);
   });
   return data;
},



`

I'm also get the following error, after toggling the badge (num) on the thumbnails:

Vue warn]: Error in v-on handler (Promise/async): "TypeError: Failed to execute 'drawImage' on 'CanvasRenderingContext2D': The provided value is not of type '(CSSImageValue or HTMLImageElement or SVGImageElement or HTMLVideoElement or HTMLCanvasElement or ImageBitmap or OffscreenCanvas)'"

[SergejSi]

Problem seems to be solved by adding
this.$refs.cropgram.updateCurrentSortedItem();