Масштаб преобразования Ngx Image Cropper Transform не плавный

Question

Я реализовал обрезку изображений Ngx с ползунком диапазона. После выбора изображения я хочу, чтобы изображение в кадре увеличивалось и уменьшалось, пока я перетаскивал полосу диапазона.

Я последовал этому примеру - https://stackblitz.com/edit/image-cropper?file=app%2Fapp.component.html

Сейчас он работает, но анимация не плавная, слишком сильно дергается. очень признателен за любую помощь.

<image-cropper
class="main-cropper"
[imageChangedEvent]="imageChangedEvent"
[maintainAspectRatio]="true"
[alignImage]="center"
[aspectRatio]="1.2 / 2"
[transform]="transform"
format="png"
(imageCropped)="imageCropped($event)"
(imageLoaded)="imageLoaded()"
(cropperReady)="cropperReady()"
(loadImageFailed)="loadImageFailed()"
></image-cropper>

<nouislider [min]="0" [max]="100" [step]="1" [(ngModel)]="value" (ngModelChange)="onZoom($event)" [disabled]="disabled"></nouislider>

value : number = 0;
scaleFactor : number = 1;
scale : number = 1.0;
transform: ImageTransform = {};


onZoom(rangeValue : number){
  if(this.value % this.scaleFactor == 0){
     this.scale = 1+this.value * 0.02;
        this.transform = {
        scale: this.scale
     };
   }
}