问题标签 [cropper]

我正在使用ng2-img-cropper（https://www.npmjs.com/package/ng2-img-cropper）。它提供设置，以便当从输入中选择文件时，它将 base64 url​​ 应用于 HTML 中的图像标签，同时采用“cropperSettings”，例如定义的宽度和高度。

但是，我有一个要求，我需要生成两张图像而不是一张。一张大图和一张小图。大图为 500x500，小图为 200x200。我创建了两个“cropperSettings”，以便 HTML 内联宽度和高度显示两种尺寸。但是，两者的 src 属性仍然相同。在这种情况下，它们都是 500x500。

javascript是否可以抓取一个html img元素（它具有base64作为src属性）并将其转换为base64图像，但使用内联高度和宽度，而不是src图像高度和宽度？（在这种情况下，下面的第三个图像标签 - 使用较小的高度和宽度设置）

HTML

裁剪器设置

检测到文件时触发的函数

我正在使用来自 fengyuanchen 的很棒的 jquery-cropper 插件。

我遇到的问题是，当某些图像上传时它会旋转，并且它不在右侧，我必须让用户旋转它们。我将通过上传图片ajax。我遇到了rotate is not defined我被困了几个小时的错误。

这里的主要问题是关于范围，因为它看起来没有重新调整cropper 变量。

这个问题浮出水面，因为当用户上传照片时，有时这张照片会自动旋转。如果我可以先解决这个问题而不必让用户旋转图像会更好

I've been looking into this image cropper that I found https://github.com/mikescandy/Xamarin-Cropper

I used it on my Android Studio project and it works but I don't know how to implement it on Xamarin Visual Studio for Android. I'm learning both platforms to increase my knowledge but I'm having a hard time implementing the cropper.

I checked the guide that was included there but it's for Android Studio and still, I can't make it work. The sample that was included makes me lost.

Anyone know how to implement it properly? I manage to insert the CropView in my XAML file and initialize it but I'm just lost. Please help me, I want to learn.

EDIT: I still cant figure it out, anyone can help me?

我的项目是关于保存裁剪的图像并将其显示在视图中。

在我的表单中，当我裁剪图像时它可以工作，但是当我想更改图像时，我再次裁剪并保存。它创建具有相同图像的两行。当我更改图像 3 次时，它会创建 3 行具有相同图像的行，依此类推。

我必须使用一种名为 replace() 的方法，但我不知道如何使用它。

这是我的代码

如何将此传递给laravel中的控制器

它只返回令牌，所以任何人都可以帮助我考虑了好几天！

我正在使用这个插件来裁剪图像，并且我想在裁剪工具中实现图像的旋转。我正在使用以下代码初始化裁剪器。

这是图像的 HTML 和一个用于旋转图像的按钮，如下所示

另外，我有以下应该处理图像旋转的 javascript 函数。

但是，我在控制台中收到以下错误。

Tools.js:993 Uncaught TypeError: $(...).cropper.setCanvasData 不是函数

有人对我在尝试旋转图像时出错的地方有任何建议吗？

谢谢。

我正在使用cropper.js jquerycropper 裁剪多个图像，但是当我选择图像时，cropper 不允许再次选择相同的图像这是我的cropper 代码。

当我裁剪图像裁剪器时不会再次裁剪相同的图像。如何在 jquery 中重置裁剪器。当我点击保存按钮时，我想在这里重置裁剪器

不断收到此错误，因此无法编译，有什么帮助吗？

是否可以以多边形的形式裁剪图像？在 Github的 fengyuanchen 使用 Cropper（一个简单的 jQuery 图像裁剪插件）

预期行为

我有一张要用 Cropper 裁剪的图像，我想裁剪成 6 个面。六边形。见附件。

六边形图像：

好吧，我知道它可以裁剪成圆形，柔软。但是对于五六面来说是很难的。任何人有什么想法，工作？

如何使用来自cropperjs的数据使用 ImageMagick 执行调整大小和裁剪？

用户可以上传大图像并缩放/平移以进行裁剪。尝试使用 blob，但它失去了太多质量并且经常超时。

来自小提琴以下数据的示例：

试过这个，但它种植了错误的区域。还尝试缩放原始图像，但这对于服务器来说太大了。

示例： https ://jsfiddle.net/1knw3a5e/

JS代码：