Javascript 客户端图像处理(裁剪)

Javascript 客户端图像处理(裁剪),javascript,parse-platform,image-manipulation,jcrop,Javascript,Parse Platform,Image Manipulation,Jcrop,我正在使用Parse作为后端构建一个web应用程序 注册过程的一部分涉及到用户上传和裁剪图像,然后我将其传递到我的数据库。该图像是用户配置文件的一部分,类似于您在Twitter上所做的操作 我已经找到了上传到浏览器和数据库的部分,但是我对允许用户操作图像没有信心 大多数解决方案都涉及使用jCrop来实现与示例类似的结果,尽管没有使用PHP 考虑到我使用的是Parse,是否有一种客户端解决方案工作得更好?解决方案看起来如何 谢谢 杰西基本上我会这样做: 将您的图像加载到 裁剪图像: 从画布保存图像

我正在使用Parse作为后端构建一个web应用程序

注册过程的一部分涉及到用户上传和裁剪图像,然后我将其传递到我的数据库。该图像是用户配置文件的一部分,类似于您在Twitter上所做的操作

我已经找到了上传到浏览器和数据库的部分,但是我对允许用户操作图像没有信心

大多数解决方案都涉及使用jCrop来实现与示例类似的结果,尽管没有使用PHP

考虑到我使用的是Parse,是否有一种客户端解决方案工作得更好?解决方案看起来如何

谢谢


杰西

基本上我会这样做:

将您的图像加载到 裁剪图像: 从画布保存图像: 这是一个很好的教程

免责声明:我还没有对此进行测试,但我听说这种方法是有效的


也可以使用背景尺寸:封面;或背景大小:包含;为了避开令人讨厌的维度问题。

基本上我会这样做:

将您的图像加载到 裁剪图像: 从画布保存图像: 这是一个很好的教程

免责声明:我还没有对此进行测试,但我听说这种方法是有效的


也可以使用背景尺寸:封面;或背景大小:包含;为了绕过讨厌的维数问题,

你可以使用HTML画布裁剪图像,但是它涉及很多代码,考虑使用RoopPijs,它是用于裁剪图像的纯JavaScript库。这是一个工作例子。

你可以使用HTML画布裁剪图像,但是它涉及很多代码,考虑使用RoopPijs,它是用于裁剪图像的纯JavaScript库。以下是工作示例。

为什么不使用jCrop?据我所知,这是一个客户端解决方案。。。编辑:啊,我自己买的,它只计算裁剪,不执行。为什么不使用jCrop呢?就我所见,这是一个斜边的解决方案。。。编辑:啊,我自己买的,它只计算裁剪,不执行。