Discussion :

[flamant]

Bonjour,

J'ai une popup de dimension (WIDTH,HEIGHT) et un composant ngx-image-cropper (https://www.npmjs.com/package/ngx-image-cropper) à l'intérieur

Code html :

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

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

Dans mon exemple, les dimension de imageFile size sont 819 * 202 et quand j'inspecte le tag <img> de <image-cropper> (dimension: width= 749,933; height=184,967) cela dépasse les dimensions de la popup (dans mon cas, width = 698)

Je veux que la largeur du tag <img> de <image-cropper> soit égale à la largeur de la popup moins une marge de 10px des 2 cotés

[flamant]

Pardon, je suis étourdi, j'avais mis par erreur une div comme container du tag image-cropper avec width = 460 et height = 425. Je l'ai enlevé et maintenant ça marche.

Pardon encore