image - 使用鼠标事件进行 Angular 2/4 图像裁剪

标签 image angular mouse crop

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

我找到了一些用于图像裁剪的软件包,但它们对我的情况没有多大帮助。

谢谢

最佳答案

您需要在 purejs 上包含模块。添加模块的类型,您可以将模块与接口(interface)一起使用。

我搜索了一下,找到了

  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

关于image - 使用鼠标事件进行 Angular 2/4 图像裁剪,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45189429/

相关文章:

html - 如何使用 ngModel 在 div 的 innerhtml 属性上实现 2 路数据绑定(bind)?

angular - 如何以 Angular 4 推送到 FormArray([ ])

go - 控制鼠标和键盘的Golang?

Java Swing - mouseMoved 事件触发缓慢

html - 当图像的 div 换行时,是否可以像跨度一样对待换行?

java - 对于在 Java/Swing 中创建流畅的动画来说,这是一个很好的设计吗?

html - CakePHP 图像未调整大小,适合容器

css - div 容器上的图像

javascript - Angular2 无法映射单个 JSON 对象?

当鼠标悬停在 flash 上时,Javascript mousemove 事件不会触发