我正在使用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');
它似乎有效(我没有错误),但我在照片库中找不到屏幕截图。是否可以将其保存在该库中?
我该怎么办?使用另一个插件来移动文件? (它到底应该移到哪里?)编辑插件以将其直接保存在库中? (具体应该保存在哪里?)
最佳答案
我刚刚遇到了同样的问题。虽然花了几天时间,但我想出了怎么做。
它确实涉及到另一个插件Canvas2Image插件。我本来以为这行不通,但我很绝望,最后还是成功了。我就是这样做的。
如果您能正常获取 console.log 的屏幕截图,那么您的状态良好。您需要做的下一件事是使用 CLI 安装 Canvas2Image,如下所示:
cordova plugin add https://github.com/devgeeks/Canvas2ImagePlugin.git
(或者如果您使用“phonegap”,请将“cordova”替换为“phonegap”。)
接下来,您需要添加一个函数(在本例中为 saveImageToPhone())来调用您刚刚添加到项目中的插件。该函数将从您已有的 navigator.screenshot.save() 函数中调用。我们会将该函数调用添加到您的 Screenshot.save success block 中,就在 console.log 行之后。
这里的关键是使用我们在成功 block 中返回的 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 和质量参数之后),您可能会覆盖相同的屏幕截图。我的应用程序需要保存不同的屏幕截图并供以后使用;通过删除名称参数并允许操作系统命名文件,我能够实现这一目标。
希望对您有所帮助,我知道这给我带来了很多麻烦......
关于Cordova 的 iOS 屏幕截图不在照片库中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28451456/