Discussion :

[flamant]

Bonjour,
j'ai un ngx-image-cropper element : (https://www.npmjs.com/package/ngx-image-cropper):

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
    <image-cropper
      [imageBase64]="imageFile"
      [maintainAspectRatio]="true"
      [aspectRatio]="aspectRatio"  
      [cropperStaticWidth]="cropperStaticWidth"
      [cropperStaticHeight]="cropperStaticHeight"
      [hideResizeSquares]="true"
      format="png"
      (imageCropped)="imageCropped($event)"
      (imageLoaded)="imageLoaded($event)"
      (cropperReady)="cropperReady()"
      (loadImageFailed)="loadImageFailed()"
    ></image-cropper>

Comme vous pouvez le voir, je charge une image base 64 "imageFile"

Ce que je veux avoir est la largeur de l'image source ("imageFile") sur l'écran. J'ai essayé de l'obtenir à partir de imageLoaded($event), mais $event est indéfini. J'ai essayé aussi de l'obtenir avec le bout de code suivant

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
      ngAfterViewInit() {
        const element = $('img.source-image.ng-star-inserted');
        console.log('JQUERY ELEMENT');
        console.log(element);
      }

Mais j'ai l'ouput suivant



J'ai essayé de faire un stackblitz sans pouvoir le faire tourner: https://stackblitz.com/edit/angular-...p.component.ts