Skip to content

friezes when cropping images on iOS #699

@martrix78

Description

@martrix78

On Ionic app (Android and IOS) , I see long delays when moving the crop frame. The frame drawing is updated only on the second tap.

Ionic:
   Ionic CLI                     : 5.4.16
   Ionic Framework               : not installed
   @angular-devkit/build-angular : 17.3.3
   @angular-devkit/schematics    : 17.3.3
   @angular/cli                  : 17.3.3
   @ionic/angular-toolkit        : 11.0.1

Capacitor:
   Capacitor CLI   : 6.0.0
   @capacitor/core : 6.1.2

Utility:
   cordova-res : not installed
   native-run  : 2.0.1

System:
   NodeJS : v20.18.1 (/opt/homebrew/Cellar/node@20/20.18.1/bin/node)
   npm    : 10.8.2
   OS     : macOS Unknown

TS:
  @ViewChild(CropperComponent) imageCropper: CropperComponent;
    
  openCropper() {
    this.imageCropper.selectImage();
  } 
  imageCropp(event: any) {

    this.croppedImage = this.sanitizer.bypassSecurityTrustUrl(event.base64);
    if (this.croppedImage) {
      this.disabled = false;
    }
}
HTML:
        <image-cropper [imageChangedEvent]="imageChangedEvent" [maintainAspectRatio]="true" [aspectRatio]="aspectRatio"
          format="jpeg" [output]="'base64'" (imageCropped)="imageCropp($event)" (imageLoaded)="imageLoaded($event)"
          (cropperReady)="cropperReady()" (loadImageFailed)="loadImageFailed()" [roundCropper]="roundCropper"/>


Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions