2014-10-28 141 views
2

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

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

谢谢。

回答

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 
 
});

+0

感谢您的回复......但这不是要求..让我更新我的问题,以便更好地理解... – 2014-10-28 10:40:20

1

相机仅插件启动本地相机应用并获取图片。

如果你需要特定的东西,比如你所描述的,我担心你可能不得不为每个平台开发一个本地插件。

或者你可以用HTML5尝试(Android设备,将工作只为最近的设备,也许> 4.2?) 雷蒙德·卡姆登做这个博客条目:http://www.raymondcamden.com/2013/5/20/Capturing-camerapicture-data-without-PhoneGap 或者您也可以的HTML5Rocks检查页面:http://www.html5rocks.com/en/tutorials/getusermedia/intro/ 但我不认为你可以使用HTML5进行缩放。