Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/411.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在没有UI的情况下裁剪图像 问题_Javascript_Cordova_Ionic Framework_Crop_Aspect Ratio - Fatal编程技术网

Javascript 在没有UI的情况下裁剪图像 问题

Javascript 在没有UI的情况下裁剪图像 问题,javascript,cordova,ionic-framework,crop,aspect-ratio,Javascript,Cordova,Ionic Framework,Crop,Aspect Ratio,我已经尝试了一段时间,但没有成功地将使用插件从相机拍摄的base64图像裁剪为4:3分辨率,而用户没有进行任何裁剪输入 到目前为止,我尝试过的大多数插件都强制使用UI,但出于我的目的,它需要裁剪到4:3,然后以相同的分辨率发送到服务器 我试过的 我尝试过调整爱奥尼亚原生插件,但没有成功。 此外,我还尝试了许多不同的Cordova插件,这些插件来自其他论坛帖子,例如: -不含离子天然侧 据我所知,所有这些都会强制用户界面,并且不允许您指定纵横比。在我们的应用程序中,我们还需要裁剪的图片。

我已经尝试了一段时间,但没有成功地将使用插件从相机拍摄的base64图像裁剪为4:3分辨率,而用户没有进行任何裁剪输入

到目前为止,我尝试过的大多数插件都强制使用UI,但出于我的目的,它需要裁剪到4:3,然后以相同的分辨率发送到服务器

我试过的 我尝试过调整爱奥尼亚原生插件,但没有成功。 此外,我还尝试了许多不同的Cordova插件,这些插件来自其他论坛帖子,例如:

  • -不含离子天然侧


据我所知,所有这些都会强制用户界面,并且不允许您指定纵横比。

在我们的应用程序中,我们还需要裁剪的图片。然而事实证明(尤其是在Android设备上),拍照后的裁剪方式取决于品牌、型号甚至相机应用程序

在爱奥尼亚3中,摄像头插件有一个选项
允许它
。将此设置为
true
时会产生一些副作用。例如,一些用户以非常奇怪的比例剪切了这些图片,比如:1:15,所以宽度非常小,高度非常大。当您允许用户编辑他们的图片时,请记住这一点


为了获得一致的裁剪,我们实现了裁剪服务器端。为了加快速度,我们只需在客户端调整图片大小,然后将调整大小的图片上传到服务器。

我们通过在服务器上裁剪来解决这个问题,这样我们就可以控制裁剪。结果发现iOS和Android中的裁剪不一致。@BasvanDijk感谢您的快速响应,我们最终采纳了您的建议,并编写了一个Laravel控制器来处理发送到服务器的图像。感谢您的响应,最后我们做了一些类似的事情,只不过我们在服务器端做了所有的事情,并通过一些括号向用户提供了实际图像将在哪里排列的指南。