screenshotプラグインを使用してionic/cordovaのボタンでスクリーンショットを撮る

私のイオンプロジェクトがスクリーンショットを撮ってカメラロールに保存したい。現在、ボタンはスクリーンショットを撮ることができません。私はアンドロイドデバイスでアプリをテストしています。 https://github.com/gitawego/cordova-screenshot screenshotプラグインを使用してionic/cordovaのボタンでスクリーンショットを撮る

index.htmlを

<html> 
    <head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> 
    <link href="lib/ionic/css/ionic.css" rel="stylesheet"> 
    <link href="css/style.css" rel="stylesheet"> 
    <script src="lib/ionic/js/ionic.bundle.js"></script> 
    <script src="js/ng-cordova.min.js"></script> 
    <script src="cordova.js"></script> 
    <script src="js/app.js"></script> 
    </head> 
    <body ng-app="starter"> 
    <ion-view> 
     <ion-content> 
     <button class="button" ng-click="$cordovaScreenshot.capture()">screenshot</button> 
     </ion-content> 
    </ion-view> 
    </body> 
</html>

は私の最初のコメントのフォローアップとして

angular.module('starter', ['ionic','ngCordova']) 
.service('$cordovaScreenshot', ['$q', function($q) { 
    return { 
     capture: function(filename, extension, quality) { 
     filename = filename || 'pic'; 
      extension = extension || 'jpg'; 
      quality = quality || '100'; 

      var defer = $q.defer(); 

      navigator.screenshot.save(function(error, res) { 
       if (error) { 
        console.error(error); 
        defer.reject(error); 
       } else { 
        console.log('screenshot saved in: ', res.filePath); 
        defer.resolve(res.filePath); 
       } 
      }, extension, quality, filename); 

      return defer.promise; 
     } 
    }; 
}]);

出典

2016-06-23 Manik Mahajan

で見つけることができます。残りは大丈夫ですが、ng-clickはサービス上で直接capture（）メソッドを実行できません。 –

あなたが言っていることは理にかなっています。私が追加しなければならないコントローラーの内容を詳しく教えてください。 –

問題は修正されました。コードは、私はあなたのビュー（HTML）とあなたの角度のサービスとの間のコントローラが必要だと思う

https://github.com/manik1596/coredovaScreenshotShare

出典

2016-06-27 17:24:09

をapp.js：私はこのプラグインを使用しています。私はビュー（HTML）とAngularサービスの間にコントローラが必要だと思います。 HTMLビューはサービスと直接通信できないため、中間コントローラが必要です。線に沿って

何か：

angular.module('starter', ['ionic','ngCordova']) 
.controller('myController', ['$cordovaScreenshot', function($cordovaScreenshot) { 
    $scope.captureScreenshot = function() { 
     $cordovaScreenshot.capture('filename', 'png', 100).then(function(result) { 
      // do something with result 
     }, function(error) { 
      // do something with error 
     }); 
    }; 
}]);

あなたが見ることができるように、我々は$cordovaScreenshotサービスを注入するために、依存性注入を使用しています。

<ion-content ng-controller="myController"> 
    <button class="button" ng-click="captureScreenshot()">screenshot</button> 
</ion-content>

お知らせng-controllerとng-click方法の変更：

そして、あなたのビューがcaptureScreenshotメソッドをトリガーします。

出典

2016-06-23 12:09:06

まだ動作していません。お手伝いできますか？ –

私はあなたにどのように多くの情報を提供できるか分かりません。何がうまくいかないのですか？デベロッパーツールコンソールにエラーが表示されますか？ –

screenshotプラグインを使用してionic/cordovaのボタンでスクリーンショットを撮る

答えて

関連する問題