问题标签 [cropper]

我知道如何使用 3rd 方库在 android 中裁剪图像，但我想根据用户偏好（3x3、3x1 等）将一张图片分割成多张图片作为 Instagram Feed 的网格

就像：https ://play.google.com/store/apps/details?id=com.instagrid.free&hl=en

如何解决这个问题？有什么特别的图书馆吗？

我正在努力实现，如何使用cropper.js，到目前为止它看起来还不错，但是......当我尝试裁剪图像时，如何将结果放回我的表单？

我的输入有 id 'profile_avatar'。所以我尝试将更新的图像放在那里，但不能。

但是当我点击“剪切按钮”时，我得到了

InvalidStateError: An attempt was made to use an object that is not, or is no longer, usable

在控制台中。我究竟做错了什么？我试图打败它几个小时。太感谢了！

带有视图的苗条文件：

html：

我在模态中有裁剪器。但我不明白如何设置最小尺寸并将裁剪器设置为圆形？

和脚本：

在我的 Angular 9 项目中，我使用了 ngx-image-cropper，它运行良好。这是我的裁剪代码：

我可以在横向、纵向和方形中使用裁剪器，还可以缩放、旋转、翻转、重置裁剪的图像。但是当我改变裁剪器宽度时，高度会根据宽度而变化。如何仅更改裁剪器的长度或宽度。在此处输入图像描述

我ngx-image-cropper在我的项目中使用了一个库。我只想以 16/9 的纵横比裁剪图像，这没关系。我已设置aspectRatio为 16/9，裁剪器是矩形的。我还实现mat-slider了，它应该只改变图像裁剪器的宽度和高度，就像它与拖动裁剪器的箭头来缩放它一样。是否有可能将调整裁剪器大小的 mat-slider 事件添加到通过拖动箭头更改裁剪器比例时它是如何工作的？我不想用垫子滑块缩放图像，而只是裁剪器。我在ngx-image-cropper图书馆搜索过，但没有找到适合我需要的任何东西。谢谢你的帮助！

图书馆链接：https ://www.npmjs.com/package/ngx-image-cropper

我正在使用来自cropperjs的vue-cropper 4.1和Nuxt 2.13。当我的裁剪器加载时它显示一个占位符，在选择图像并上传后，裁剪器仍然显示选择的图像，但我想再次加载占位符。我该怎么办？我试过替换（）但没有奏效。这是我的代码：

注意：我的代码中有一些this你可能找不到参考。它们通过 mixins 全局添加到我的项目中。并且 editProduct 是我的 vuex 中的一个状态，它被全局添加，与其操作相同。

我需要在 Laravel ( https://pqina.nl/slim/ ) 中安装 Slim Cropper。我下载了它，我有两个文件：slim.jquery.min 和 slim.min.css。我该如何安装它？我想我需要使用 webpack.min.js，但我不知道如何使用它。谢谢！

我正在使用多文件选择器包pub.dev，链接在 https://pub.dev/packages/multi_image_picker 下面与https://pub.dev/packages/image_cropper的图像裁剪器包 一起让我的用户选择多个图像，然后随意裁剪它们。Yalantis

我正在使用此代码将我的资产转换为文件并将其提供给裁剪器。它有效。

棘手的一点是将其转换回资产，以便我可以uncropped用这个新裁剪的资产替换旧资产。我阅读了包的资产文档并尝试了这个，但它使我的应用程序崩溃

编辑：当我说“资产”时，我指的不是我手动添加到应用程序的资产/图像文件夹中的图像。多图像选择器插件有一个称为资产的文件类型，它在其中返回图像。那是我想将我的文件转换回的类型。

为我的 Flutter 应用程序使用 image_cropper 插件后，我收到此错误：

这是我裁剪图像的代码：

我用 AssetImage(_image.path) 可视化图像。

此错误仅在我启动模拟器后发生。一旦我进行一次热重载，我就可以看到图像，它显示正确，并且我再也不会收到此错误。但是一旦我重新启动模拟器，错误就会再次发生。我还在真实设备上对其进行了测试，并且错误不断发生。

知道问题可能是什么吗？

当我使用cropper js上传新图像时，它会像这样复制cropper：

这是我如何处理整个上传和重新上传的代码：

我按照插件创建者的建议使用 replace 方法，但输出相同。