jquery-mobile - 截图并分享到社交媒体的 Phonegap Jquery Mobile

Question

我想截取应用程序屏幕(结果页面)的屏幕截图，然后在社交媒体上分享。我尝试使用 https://github.com/gitawego/cordova-screenshot但它给我一个错误http://i.imgur.com/PktJJQI.png .我正在使用 phonegap 3.4.0。

Answer 1

在你的应用中安装以下插件

cordova plugin add https://github.com/EddyVerbruggen/SocialSharing-PhoneGap-Plugin.git

和

cordova plugin add https://github.com/gitawego/cordova-screenshot.git

通过将“cordova”替换为“phonegap local”，可以类似地安装 PhoneGap 插件

安装插件后，通过执行准备您的项目

$ cordova prepare 

在脚本中添加以下代码:

<script>
    function sharePhoto() {
     var imageLink;
            console.log('Calling from CapturePhoto');
            navigator.screenshot.save(function(error,res){
            if(error){
            console.error(error);
            }else{
            console.log('ok',res.filePath); //should be path/to/myScreenshot.jpg
            //For android
            imageLink = res.filePath;
           window.plugins.socialsharing.share(null, null,'file://'+imageLink, null);

           //For iOS
           //window.plugins.socialsharing.share(null,   null,imageLink, null)
     }
     },'jpg',50,'myScreenShot');
    }
</script>

点击按钮调用上述函数如下:

<button onclick="sharePhoto();">Share Screenshot</button>

如果您无法在控制台中看到登录，请安装以下插件并重新准备您的项目。

cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-console.git