在科尔多瓦使用相机?

时间:2014-10-28 09:28:39

标签: javascript cordova jquery-plugins camera cordova-plugins

我正在构建一个cordova应用程序。它支持两个平台(ios和Android)。在这个我必须在应用程序的给定框架中显示相机。在相机框架下方,会有一个名为“Click”的按钮。当我单击此按钮时,应捕获当前显示的相机内容并保存到图库。此外,相机左侧应该有一个滑动条。使用此滑块,可以放大或缩小相机。

目前我尝试过“org.apache.cordova.camera”http://plugins.cordova.io/#/package/org.apache.cordova.camera。但是,我不知道如何在给定的帧中呈现相机。它正在调用默认的相机应用程序,相机全屏打开。请建议我另一个插件或任何方法。

感谢。

2 个答案:

答案 0 :(得分:1)

我不确定是否在框架中显示,但通常当您使用相机插件时,它会有效地触发本机相机,直到用户退出或拍照为止。在那个阶段,您可以处理响应数据。

因此,例如,您可以使用按钮,链接或其他任何单击时调用类似下面的代码。然后,您可以在onSuccess回调上将图像加载到动态创建的画布或类似的东西中。



navigator.camera.getPicture(onSuccess, onFail, { 
 quality            : 40,
 destinationType    : Camera.DestinationType.DATA_URL,
 encodingType       : Camera.EncodingType.JPEG,
 targetWidth        : 1600,
 targetHeight       : 1200,
 sourceType         : Camera.PictureSourceType.CAMERA,
 correctOrientation : true
});




答案 1 :(得分:1)

相机插件仅启动原生相机应用程序并获取图片。

如果你想要像你描述的那样具体的东西,我很担心你可能需要为每个平台开发一个原生插件。

或者您可以尝试使用HTML5(对于Android,它只适用于最近的设备,可能> 4.2?) Raymond Camden撰写了一篇博客文章:http://www.raymondcamden.com/2013/5/20/Capturing-camerapicture-data-without-PhoneGap 或者您可以查看HTML5Rocks上的页面:http://www.html5rocks.com/en/tutorials/getusermedia/intro/ 但我认为你不能使用HTML5进行缩放。