derlans / vue-avatar-upload Goto Github PK

I have a vue 3 app.

I have a data value (Base64 string) that changes dynamically in code.

data:image/png;base64,xxxx

How can I set the avatar property to the base64 string (and nor a url) before the Avatar Editor opens?

Seems that avatar property is only getting set once the component setup.

I have tried:

<VueAvatarUpload
      v-show="showAvatarSelector"
      :avatar="this.selectedAvatar"
      lang="en"
      width="200"
      height="200"
      selectSize="200"
      previewSize="200"
/>

But even if I change this.selectedAvatar to the new Base64 string, it still does not show

Somehow I cant install it by provided example in how to use, too many questions :D would be possibel some codeshare of demo example ?

How can I:

1. Have the white circle at a fixed position
2. Only zoom and drag the image
3. Disable dragging and sizing of circle

For example (image below). I want the circle to be fixed at 200px x 200px and in the middle. Then I do not want the user to size and drag the circle (Want to force the end-image to be 200x200). User must only be able to drag and size (zoom) the background image.