Question

我正在使用cordova屏幕截图插件：https://github.com/gitawego/cordova-screenshot使用此代码在我的iPhone中截取屏幕截图：

navigator.screenshot.save(function (error, res) {
            if (error) {
                console.log('Screenshot error');
                console.error(error);
            } else {
                console.log('screenshot ok', res.filePath);
            }
        }, 'jpg', 50, 'project-X-result');

它似乎工作（我没有错误），但我找不到照片库中的截图。是否可以将其保存在此库中？

我该怎么办？使用另一个插件移动文件？（它应该在哪里准确移动？）编辑插件直接将其保存在库中？（它应该在哪里准确保存？）

Answer 1

我刚遇到同样的问题。花了好几天但我想出了怎么做。

它确实涉及另一个插件Canvas2Image插件。我认为它不会起作用，但我很绝望，最终确实有效。我就是这样做的。

如果您正在获取console.log以获取屏幕截图，那么您的状态良好。接下来您需要做的是使用CLI安装Canvas2Image，如下所示：

cordova plugin add https://github.com/devgeeks/Canvas2ImagePlugin.git

（或者如果您使用'phoneova'，请将'cordova'替换为'phonegap'。）

接下来，您需要添加一个函数（在本例中为saveImageToPhone（）），该函数调用刚刚添加到项目中的插件。此函数将从您已有的navigator.screenshot.save（）函数中调用。我们将在console.log行之后添加对screenshot.save成功块的函数调用。

这里的关键是使用我们在成功块中返回的filePath属性;这是我们刚刚保存到iOS中临时文件夹的图像的绝对路径。我们将简单地将该路径传递给第二个函数并让它完成它的工作。

以下是我的代码中的两个函数：

function saveScreen(){
    navigator.screenshot.save(function(error,res){
          if(error){
            console.error(error);
          }else{
            console.log('ok',res.filePath);

            var MEsuccess = function(msg){
            console.info(msg);
            }   ;

            var MEerror = function(err){
                console.error(err);
            };

            saveImageToPhone(res.filePath, MEsuccess, MEerror);
          }
        },'jpg',90);
}

function saveImageToPhone(url, success, error) {
    var canvas, context, imageDataUrl, imageData;
    var img = new Image();
    img.onload = function() {
        canvas = document.createElement('canvas');
        canvas.width = img.width;
        canvas.height = img.height;
        context = canvas.getContext('2d');
        context.drawImage(img, 0, 0);
        try {
            imageDataUrl = canvas.toDataURL('image/jpeg', 1.0);
            imageData = imageDataUrl.replace(/data:image\/jpeg;base64,/, '');
            cordova.exec(
                success,
                error,
                'Canvas2ImagePlugin',
                'saveImageDataToLibrary',
                [imageData]
            );
        }
        catch(e) {
            error(e.message);
        }
    };
    try {
        img.src = url;
    }
    catch(e) {
        error(e.message);
    }
}

现在只需从任何地方调用第一个函数即可。如果它有效，您将在filePath读数后立即获得一个console.log

IMAGE SAVED!

请注意，如果使用名称作为screenshot.save参数（在jpg和质量参数之后），则可能会覆盖相同的屏幕截图。我的应用程序需要保存不同的屏幕截图，并让它们以后全部可用;通过删除name参数并允许操作系统命名我能够实现的文件。

我希望能帮到你，我知道这给我带来了很多麻烦......

使用cordova的iOS屏幕截图不在照片库中

1 个答案: