How to dynamically change cropper aspect ratio

[Elawphant]

I am trying to implement cropperjs in ember.

I have component

import Component from '@glimmer/component';
import Cropper from 'cropperjs';

export default class ImagesCropperComponent extends Component {
  get cropper() {
    let {imgElement, options} = this.args;
    let cropper = new Cropper(imgElement, {...options});
  }
}

which takes imgElement and options as args for the cropper.
However I am unable to update the instance of the cropper. How shall I do that?
p.s. I know there is ember addon, however it seems not compatible with the latest ember version.

[fengyuanchen]

Call the replace method or reinitialize the Cropper again.

[Elawphant]

Thanks @fengyuanchen. I solved it by comparing instance.options with new options and destroying the instance if different and reinitializing it. I would suggest an instance method that would do reinitialize the cropper keeping the unchanged data, because when destroying the instance, it blinks on the interface and resets. It also loses all the position information.

[fengyuanchen]

Q: How to dynamically change the cropper aspect ratio?
A: Call cropper.setAspectRatio(1).

[Elawphant]

Is there a function to get all new options, instead of aspectRatio only??

[fengyuanchen]

For others, you can reinitialize the Cropper with new options.