2024-03-26 14:25:39 +01:00
|
|
|
<ion-header>
|
|
|
|
|
<ion-toolbar>
|
|
|
|
|
<ion-title>cropImage</ion-title>
|
|
|
|
|
</ion-toolbar>
|
|
|
|
|
</ion-header>
|
|
|
|
|
|
|
|
|
|
<ion-content>
|
|
|
|
|
|
2024-03-27 10:21:54 +01:00
|
|
|
<div style="height: 100%; width: 100%;">
|
2024-03-26 14:25:39 +01:00
|
|
|
<image-cropper
|
2024-03-27 10:21:54 +01:00
|
|
|
[imageBase64]="this.base64ToCroppe"
|
2024-03-26 14:25:39 +01:00
|
|
|
[maintainAspectRatio]="true"
|
|
|
|
|
[aspectRatio]="1 / 1"
|
|
|
|
|
format="jpeg"
|
|
|
|
|
allowMoveImage="true"
|
|
|
|
|
(imageCropped)="imageCropped($event)"
|
|
|
|
|
(imageLoaded)="imageLoaded($event)"
|
|
|
|
|
(loadImageFailed)="loadImageFailed()"
|
|
|
|
|
></image-cropper>
|
2024-03-27 10:21:54 +01:00
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- <div>
|
|
|
|
|
<button (click)="save()">Salvar</button>
|
|
|
|
|
<button (click)="cancel()">Cancelar</button>
|
|
|
|
|
</div> -->
|
|
|
|
|
|
2024-04-01 12:52:17 +01:00
|
|
|
</ion-content>
|
|
|
|
|
<ion-footer class="ion-no-border">
|
2024-03-27 10:21:54 +01:00
|
|
|
<ion-toolbar class="footer-toolbar">
|
|
|
|
|
<ion-buttons slot="start">
|
|
|
|
|
<button class="btn-ok" fill="clear" color="#fff" (click)="save()">
|
|
|
|
|
<ion-label>Gravar</ion-label>
|
|
|
|
|
</button>
|
|
|
|
|
</ion-buttons>
|
|
|
|
|
<ion-buttons slot="end">
|
|
|
|
|
<button class="btn-cancel" fill="clear" color="#061b52" (click)="cancel()">
|
|
|
|
|
<ion-label>Cancelar</ion-label>
|
|
|
|
|
</button>
|
|
|
|
|
</ion-buttons>
|
|
|
|
|
|
|
|
|
|
</ion-toolbar>
|
|
|
|
|
</ion-footer>
|