Angular JS 图像裁剪指令 [关闭]答案

【问题标题】：Angular JS Image Crop Directive [closed]Angular JS 图像裁剪指令 [关闭]
【发布时间】：2014-11-14 03:36:48
【问题描述】：

任何人都可以为 Angularjs 推荐一个像样的图像裁剪器指令吗？我在外面看了一些，找不到太多东西。有没有人找到他们喜欢的？

我们目前使用 angular-file-upload (https://github.com/danialfarid/angular-file-upload) 来上传文件，所以如果它可以使用它会很好。

【问题讨论】：

我写了一篇关于比较这里提到的一些图像裁剪指令的博客文章：lingohub.com/blog/2016/03/angularjs-directives-image-cropping 我也得到了它与 angular-file-upload 一起使用，文章中还有一个链接与解决方案.
使用 PHP 检查 ngImgCrop 示例以保存为 PNG 图像 freakyjolly.com/…

【解决方案1】：

你可以试试ngImgCrop，太棒了！它不仅仅是一个图像裁剪器！我认为将它与 angular-file-upload 一起使用没有问题！

干杯！

【讨论】：

我看了这个，它似乎在移动设备上效果不佳。当我使用 Chrome 在我的 iPhone 上选择要裁剪的图像时，图像歪斜非常糟糕。您是在移动设备上使用它还是降级为其他组件？
很遗憾我没有在移动设备上尝试过，但是您可以不使用取决于分辨率，或者使用固定大小的图像预览，另一种解决方法可能是裁剪图像服务器端，这并不理想，但您要确保所有图像大小保持一致
在发表此评论时，ngImgCrop 与移动设备上的相机上传不兼容。仅供参考：github.com/alexk111/ngImgCrop/issues/40
太棒了，只是它只裁剪正方形，而不是矩形。
ngImgCrop 中有一个fork 可用于矩形作物

【解决方案2】：

我推荐这个https://github.com/koorgoo/ngCropper。它是基于 jquery 插件构建的，并且有多种可供定制的选项

【讨论】：

【解决方案3】：

我目前正在使用 Andy's 的 Angular Image 裁剪。它很酷，功能也很好。

仅退，不支持摄像头。好好休息吧。

干杯， -/萨米

【讨论】：