![](/img/trans.png)
[英]how to combine ngx-compress-image and ngx-image-cropper
[英]ngx-image-cropper imageloaded() not passing any image data to typescript file event method
我正在使用ngx-image-cropper加载和裁剪图像。 根据文档有
(imageLoaded)="imageLoaded($event)"
但是当我进入 typescript 调试方法“imageLoaded()”时,图像未定义。 它没有向该方法传递任何东西。
在图书馆的代码中看到这个
imageLoaded: EventEmitter<void>;
所以看起来事件没有通过任何东西,即使文档说它确实如此。 关于如何访问加载的图像,我在这里遗漏了什么吗?
问题- 文档没有显示 html 中传递的任何内容,我应该传递“$event”吗?
imageLoaded(image: HTMLImageElement) { // image is undefined }
<image-cropper [imageChangedEvent]="imageChangedEvent" [maintainAspectRatio]="true" [aspectRatio]="4/3" format="png" [transform]="transform" (imageCropped)="imageCropped($event)" (imageLoaded)="imageLoaded($event)" (loadImageFailed)="loadImageFailed()"> </image-cropper>
确切地! 为了在方法中包含事件,您需要从 html 参数中传递“$event”
您确实需要将 $event 传递给将被调用的 function,尽管文档目前没有显示:
(imageLoaded)="imageLoaded($event)"
然后在被调用的 function 中,你可以获得这样的数据(参考 LoadedImage 的文档):
imageLoaded( img: LoadedImage ) {
const width = img.original.size.width;
const height = img.original.size.height;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.