问题标签 [cropper]

我将 Bootstrap 与 dropzone.js 一起使用，以使用户可以通过拖放上传图像。因此，我创建了一个可以正常工作的放置区，包括上传，即使有多个图像。但是现在，我想在上传之前裁剪图像。我认为this.on("added file", function(file){dropzone.js的init函数中的Event是正确的地方，但我不知道如何转换文件，以便我可以在特殊模型中逐个裁剪并上传裁剪后的图像。

我正在尝试使用来自 Foliotek 的图像裁剪器 Croppie，但由于某种原因它对我不起作用 - 我正在使用一个非常简单的示例。

我正在使用来自以下页面的演示示例：http: //foliotek.github.io/Croppie/

但我得到的只是浏览器中的一个空白页面——IE 和 Chrome。

我的 HTML 代码如下：

我希望有人能够帮助我让这个图像裁剪器工作:-)

谢谢 - 詹姆斯

我必须包含 paperclip_processors 目录我得到cropper processor not found 错误。我跟着 railscast 做的完全一样

在应用程序.rb

和用户.rb

}

这是我的代码的一部分，我用图像源初始化画布。

裁剪图像后，我想获取图像的 offsetX、offsetY、高度和宽度。

请帮助我，在此先感谢。

我想使用cropper.js ( https://github.com/fengyuanchen/cropperjs ) 创建一个带有 angular-cli 的 Angular2 裁剪器。

我的指令是：

来自的错误ng serve是： Cannot find module 'cropperjs'

但是cropperjs 在node_modules并且我angular-cli.json的更新为：

我没有任何想法来解决这个问题..

我正在使用 jQuery 裁剪器来裁剪我的图像。完美的插件，但我有 1 个大问题...

当我将尺寸设置为 1920/1080 时，我的 Cropbox 超出了我的画布。是否可以将裁剪框保留在画布内并缩放图像？

这是我当前的代码：

我正在使用cropper.js。我想上传原始图像和裁剪坐标（x，y，宽度，高度）而不是裁剪图像。这样做的首选方法是什么？

谢谢。

我在我的 android 应用程序中使用 Yalantis 库“UCrop”来裁剪、缩放和旋转来自内置智能手机摄像头的图像。当我调用uCrop.start(this)启动时UCropActivity，在左上角，取消按钮显示为一个小十字。

现在，当我按下取消按钮时，应用程序崩溃并出现以下异常：

当我按下软键后退按钮时，我会保存到myActivity.

现在的问题是，如何影响取消按钮的行为，使其表现得像后退按钮或myActivity以不会导致异常的方式重新启动？

在SampleActivityucrop 示例项目中，取消按钮的行为与我预期的一样。

我正在实现一个图像裁剪器，它将裁剪从相机捕获的图像。这是 UI 的实际结果和预期结果。

我按照这个答案获得了所需的可见图像帧。

在此之后，下面是我使用可见框架裁剪图像的代码：

但我没有得到预期的结果。

使用内置的 CropImageActivity 选择图像时，选择器显示从某些外部应用程序（我的情况下为 WPS Office）选择文件（任何类型）的选项。因此，当我选择一个 pdf 文件（例如）时， onSetImageUriComplete() 不会导致任何错误。

对于这种情况，错误不为空。因此，UI 中没有显示任何内容，我无法知道它是否是图像。

我尝试从 URI 检查扩展名，但在某些模型中（我的情况是 One Plus X），uri 不一定包含扩展名。

我还尝试将 uri 加载到文件中，然后使用以下代码进行检查：

但是，对于一加 X，它再次返回 false。有没有其他方法（不是资源密集型）来检查获取的文件是否是图像？