Cordova-使用Cordova开发iOS应用实战4（调用相机拍照）

您可以在下面的示例中看到拍照后将进入编辑界面. 顶部有一个正方形框，您可以通过拖动和缩放照片将其裁剪为正方形图片（这对于正方形图片（例如用户头像）更有用）.

<!DOCTYPE html>
<html>
    <head>
        <title>Capture Photo</title>
        <meta http-equiv="Content-type" content="text/html; charset=utf-8">
        <script type="text/javascript" charset="utf-8" src="cordova.js"></script>
        <script type="text/javascript" charset="utf-8">
            
            var destinationType;
            
            document.addEventListener("deviceready",onDeviceReady,false);
            
            //Cordova加载完成会触发
            function onDeviceReady() {
                destinationType=navigator.camera.DestinationType;
            }
        
            //拍照并编辑
            function capturePhotoEdit() {
                //拍照并获取Base64编码的图像（quality : 存储图像的质量，范围是[0,100]）
                //allowEdit: true 拍照完毕后允许简单编辑
                navigator.camera.getPicture(onPhotoDataSuccess, onFail, { quality: 20,
                                            allowEdit: true,
                                            destinationType: destinationType.DATA_URL });
            }
        
            //拍照成功
            function onPhotoDataSuccess(imageData) {
                console.log(imageData);
                var smallImage = document.getElementById('smallImage');
                smallImage.style.display = 'block';
                smallImage.src = "data:image/jpeg;base64," + imageData;
            }
            //拍照失败
            function onFail(message) {
                alert('拍照失败: ' + message);
            }
        </script>
    </head>
    <body style="padding-top:50px">
        <button style="font-size:23px;" onclick="capturePhotoEdit();">拍照并编辑</button> <br>
        <img style="display:none;width:240px;height:240px;" id="smallImage" src="" />
    </body>
</html>

相机插件的三个常用参数

1，correctOrientation

有时候ios调用相册和，我们发现照片在拍摄后显示了错误的方向. 您可以将correctOrientation设置为trueios调用相册和，以便插件在拍摄后自动旋转照片以确保正确的方向.

navigator.camera.getPicture(onPhotoDataSuccess, onFail, { quality: 50,
                            destinationType: destinationType.DATA_URL 
                            correctOrientation: true}
                            );

2，saveToPhotoAlbum

设置为true. 拍照后，照片将自动保存在设备的系统相册中.

navigator.camera.getPicture(onPhotoDataSuccess, onFail, { quality: 50,
                            destinationType: destinationType.DATA_URL 
                            saveToPhotoAlbum: true}
                            );

3，cameraDirection

拍摄时默认使用哪个相机. 默认值为使用后置（Camera.Direction.BACK）. 我们可以更改为使用前置（Camera.Direction.FRONT）.

本文来自电脑杂谈，转载请注明本文网址：
https://www.pc-fly.com/a/ruanjian/article-180892-1.html