使用angualr4如何使用ngx-image-cropper和cropper x1，y1和x2，y2位置获取图像文件的实际宽度和大小

Question

我试图使用带角度4的ngx-image-cropper获取文件图像的原始大小，宽度和高度，以及如何获得裁剪图像的左上角，左下角，右上角，右下角坐标。

Answer 1

我不确定它是否是你想要的但我得到了当前的widht，height，x1，y1设置[cropper]输入属性

<image-cropper
      [imageChangedEvent]="imageChangedEvent"
      [maintainAspectRatio]="true"
      [aspectRatio]="2 / 1"
      [resizeToWidth]="192"
      [cropper] =" coordinates" //this get the current coordinates
      format="png"
      (imageCropped)="imageCropped($event)"
      (imageLoaded)="imageLoaded($event)"
      (loadImageFailed)="loadImageFailed()"
  ></image-cropper>

并在.ts文件中创建一个坐标对象，在这种情况下，对象名称是坐标

export class ImageHolderComponent implements OnInit {

  coordinates = {x:0} // object that saves the crop coordinates
}