问题标签 [cropper]

我正在使用 Cropper 插件裁剪图像。上传图像后的高度和宽度是正确的，但不知何故它设置为 200 和 100，这是插件的 minContainerWidth 和 minContainerHeight 的默认值。我不明白出了什么问题。我是使用以下选项

我正在使用这个很棒的插件“Cropper”来上传特定大小的图像。到目前为止，一切都很好，但是：

当我打电话时：

从按钮单击或在裁剪器元素的 on('ready') 事件中，如下所示

画布确实移动到左上角。

无论如何，从裁剪器元素的事件处理程序内部调用“moveTo”函数：

实际上什么也没发生。

函数被正确调用并且不会抛出错误或异常。

有人对此有解决方案吗？

我试图将图像/画布始终固定在左上角。

非常感谢任何帮助！

https://github.com/fengyuanchen/cropper

我在我的项目中成功实现了裁剪器，但它在移动设备上不可用，因为图像总是比模态容器大（裁剪器在模态容器内）并且我无法在移动资源上看到所有图像，因为它溢出

我尝试了几种最大宽度、宽度、容器、img 标签的组合，但无法做到，我已经设置：

minContainerWidth：568，minContainerHeight：320

如果我删除它，它可以工作，但默认值为 100x200，即使在移动设备上也太小，在 PC 上超小

这是我的设置：

模态：

我想设置一个最大尺寸，并且当裁剪器小于设置的最大宽度/高度时，它会适应屏幕。

谢谢

我正在使用Cropper.js，想知道是否有人知道在放大时是否可以阻止它平滑图像。我希望它保持像素化，因为我想用它来裁剪视频游戏精灵表。

我已经使用 PrestaImageBundle 为 Symfony 3 实现了 jQuery Cropper 模块（与用于上传图像的 VichUploader 一起），我在尝试上传时弹出此错误。当它试图创建模态以裁剪上传的图像时，它似乎指向这个函数：

我使用npm install cropper（即依赖于我拥有的 jQuery 的那个）安装了cropper 库，并将其包含在 PrestaImageBundle cropper.js 文件之前，如此处所述，但我看不出问题出在哪里，因为其他一切似乎都有效，配置是正确的并且该按钮出现并允许我选择一个图像 - 一旦我从我的计算机中选择了图像，它就无法生成模态。

如果其他人遇到此问题，将不胜感激，因为我真的认为这个捆绑包是我需要的，而且我一直在寻找一些东西，所以如果我不能让它工作，那就太可惜了。

编辑：

初始化裁剪器：

js包含在基础文件中：

cropper.js 的 initElements 函数：

图片上传的表单类型：

具有以下形式的 Twig 模板：

附加编辑：仔细研究文档，我认为它不应该，this.$modal.on()但this.$modal.one()即使改变它仍然会导致同样的问题。

我创建了一个调整裁剪框大小的函数。用户输入高度和宽度，点击“设置”，工作就完成了。

除了我们有一个问题，即由于某种原因执行调整大小时，裁剪框会根据图像的大小缩小。

即我有一个 700x385 的图像，我将框设置为 700x300，然后单击“设置”...结果？结果是 510x219

我已经缩小到cropperJS中的问题，它与第2662-2667行的代码有关：

如果我删除上面的“比率”代码，问题就解决了，但getCroppedCanvas由于在裁剪后的图像中添加了黑色背景，现在无法正常工作。

顺便说一句，使用http://fengyuanchen.github.io/cropperjs/时可以看到同样的情况，如果您要：

1. 点击“获取裁剪框数据”
2. 调整显示结果的框中的宽度/高度
3. 单击“设置裁剪框数据”
4. 图片右侧的宽度/高度参数不匹配

I am using cropper jquery library and now I am sending POST request to server, which contains form data and cropped image

But this doesn't work, because on server I get empty request. When I remove croppedImage from data, and in ajax processData and contentType, it works and I recieve all other data. So how can I send formData with other data?

我正在尝试将图像添加到另一个图像，以便我可以裁剪出我不想要的东西（所有黑色区域）。我已经在我的应用程序中的 android studio 中实现了相机，并将文件保存到我的 android 设备。我不知道该怎么做。

我在相机上有一个图像视图，这样他们就可以将“衬衫”放在“轮廓”内，这样一旦我将图像和位掩码全部覆盖掉，裁剪就会更容易。黑色饼干切割器， 原始衬衫，两个图像都叠加在一起，最终将只是衬衫，周围没有其他任何东西作为 png，因此周围是透明的，因此我可以将其从指定的文件目录加载到这样的人体模型上：最终输出。

任何指导都会有所帮助。也很抱歉我无法嵌入图片，因为我是该网站的新手，它只允许我发布来自该网站的链接，所以它们是安全的！

所以我正在创建这个页面，允许用户裁剪他的图像，然后将其保存在他的文件中，但是，虽然当我单击按钮裁剪时，它向我显示警报消息“上传成功”，但它没有被保存在我的文件夹中。所以我猜这个文件有问题，upload.php但是为了它，我会在这里提供这两个文件。请让我知道有什么问题。谢谢！第一个名为 h.php 的文件

第二个文件名为upload.php

我正在使用cropper.js ( https://github.com/fengyuanchen/cropperjs ) 来处理图像，但我找不到以编程方式裁剪图像的方法。

我要做的是在初始化裁剪器后立即创建裁剪预览。

我已autoCrop启用，但如果我尝试使用它获取数据，cropper.getCroppedCanvas()则返回null.

我注意到这cropper.cropped是错误的，所以可能我需要触发初始裁剪，但不知道如何。