Angular 2/4 使用鼠标事件裁剪图像

Angular 2/4 Image Cropping with mouse event

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

我找到了一些图像裁剪包，但它们对我来说不是很有用。

谢谢

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

我搜索找到了

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

对于鼠标事件，请阅读此 post -

更新：

你可以使用这个模块https://github.com/cstefanache/angular2-img-cropper

用于单张图片上传和裁剪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 中做了一些更改，它允许用户上传多张图片，如下图所示

喜欢这张图片，它允许从您的本地系统中选择多个图片

并通过选择 Image Image Cropper

来裁剪它们