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

时间:2014-07-16 11:35:32

标签: jquery-mobile cordova

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

1 个答案:

答案 0 :(得分:7)

在您的应用程序中安装以下插件

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

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

可以通过替换“Cordova”来类似地安装PhoneGap的插件。与' phonegap local'

安装插件后,执行

准备项目
$ 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