Question

我正在使用JCrop来裁剪从相机或画廊中拍摄的图像，裁剪效果非常好。我面临的问题是如果图像太大，实际图像开始滚动意味着它的高度超过手机的高度。我只想显示指定区域的图像可能在div内。如果我这样做，我不能给出图像的高度和宽度Jcrop插件不会裁剪实际区域。我不知道如何管理图像和裁剪，同时感谢任何帮助或建议。

Answer 1

我不知道，为什么你使用插件来裁剪图像。 Cordova的Camera插件也可以裁剪图像。你可以使用这样的函数：

function capturePhotoEdit() {
            // Take picture using device camera, allow edit, and retrieve image as base64-encoded string
            navigator.camera.getPicture(onPhotoDataSuccess, onFail, { quality: 20, **allowEdit: true**,
                                        destinationType: destinationType.DATA_URL });
        }

您可以在拍照时裁剪图像。

对于缩略图，您可以使用

function onPhotoDataSuccess(imageData1) {
            imageData = imageData1;
            // Uncomment to view the base64-encoded image data
            // console.log(imageData);

            // Get image handle
            //
            var smallImage = document.getElementById('smallImage');

            // Unhide image elements
            //
            smallImage.style.display = 'block';

            // Show the captured photo
            // The in-line CSS rules are used to resize the image
            //
            smallImage.src = "data:image/jpeg;base64," + imageData;
        }

和

<img style="display:none;width:60px;height:50px;" id="smallImage" src="" />

好的，您无法直接裁剪拍摄的照片，但可以从图像中选择一个区域。我认为这几乎是一样的，它运作正常！

Phonegap裁剪选定区域

1 个答案: