使用鼠标事件进行角度2/4图像裁剪

Question

我是angular2 / 4的新手。我正在寻找可以使用鼠标事件裁剪图像的角度包。我搜索了很多，但可以找到任何东西。希望你们有一个。或者给我一些提示如何实现一个好的。

我找到了一些用于图像裁剪的软件包，但在我的情况下它们并没有很大帮助。

由于

Answer 1

你需要在purejs上包含模块。加上模块的类型，你可以使用带接口的模块。

我搜索并找到它

1. https://github.com/fengyuanchen/cropperjs
2. https://www.npmjs.com/package/@types/cropperjs

对于鼠标事件，请阅读此帖子 - Angular2: mouse event handling (movement relative to current position)

<强>更新：

您可以使用此模块https://github.com/cstefanache/angular2-img-cropper

Answer 2

用于单张图片上传和裁剪https://www.npmjs.com/package/ngx-image-cropper 和多个 https://github.com/MMtechnolab/Angular-Typescript--2-8-Multiple-Image-Upload-and-Crop-.git  检查这个 演示：http://mmangimgcrop.gear.host/

我在Angular 8中也遇到了同样的问题，因此我对ngx-image-cropper进行了一些更改，它允许用户上传多张图片，如下图所示

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

并通过选择图像图像裁剪器裁剪它们