任何 angular2 图像裁剪指令可用？答案

【问题标题】：Any angular2 image crop directive available?任何 angular2 图像裁剪指令可用？
【发布时间】：2019-11-29 18:28:13
【问题描述】：

有没有像ngImgCrop这样的angular2图像裁剪指令

【问题讨论】：

【解决方案1】：

是的，我们可以使用ng2-img-cropper 组件，您只需从节点安装名为 ng2-img-cropper 的包使用

npm install ng2-img-cropper --save

不仅仅是通过导入来使用组件

import {ImageCropperComponent, CropperSettings, Bounds} from 'ng2-img-cropper';

Working plunker here 有关更多信息，请参见此处，

【讨论】：

不使用当前 Angular 版本编译...尝试将其添加到 Ionic(2) 将发出：ParseError: 'import' and 'export' may appear only with 'sourceType: module'
ng2-img-cropper 已迁移到 angular 2 的最新版本。这是最新的工作 plnkr：plnkr.co/edit/VFwGvAO6MhV06IDTLk5W 请检查系统配置文件，因为对于cropper，仅发布了 ts 文件

【解决方案2】：

还使用角度打字稿检查多个上传器和裁剪器 https://github.com/MMtechnolab/Angular-Typescript--2-8-Multiple-Image-Upload-and-Crop-.git 演示：http://mmangimgcrop.gear.host/ 我在 Angular 8 中也遇到了同样的问题，所以我对 ngx-image-cropper 进行了一些更改，它允许用户上传多个图像，如下图所示

像这张图片一样，它允许从本地系统中选择多个图片

并通过选择 Image Image Cropper 进行裁剪

【讨论】：