Limiter la largeur de l'image de ngx-image-cropper à la largeur d'une popup
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:
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
