2016-03-27 48 views
0

'u kullanarak çalışamaz hale getiriyor Uygulamamdaki görüntüleri kaydetmemi sağlayacak eklentiyi buldum (Bu konuyla ilgili bir çözüm bulmakta zorlanıyorum). Sorum şu, bunu nasıl açısal bir şekilde uygulayabilirim? Ben hala angular.js için yeniyim, bu yüzden hala cehennem gibi karıştım. Neyse, Ionic App - Canvas2ImagePlugin, Angular.js

function onDeviceReady(){ 
    window.canvas2ImagePlugin.saveImageDataToLibrary(
     function(msg){ 
      console.log(msg); 
     }, 
     function(err){ 
      console.log(err); 
     }, 
     document.getElementById('myCanvas') 
    ); 
} 

ve açısal iyonik uygulamasında onDeviceReady

bu bölümü sağ diye? i eklenti kullanmak beni sağlayacak kodu eklemiş Nerede

angular.module('starter', ['ionic', 'ngCordova']) 
.run(function($ionicPlatform) { 
    $ionicPlatform.ready(function() { 
    if(window.cordova && window.cordova.plugins.Keyboard) { 
     cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true); 
     cordova.plugins.Keyboard.disableScroll(true); 
    } 
    if(window.StatusBar) { 
     StatusBar.styleDefault(); 
    } 
// THIS IS WHERE I CAN PUT THE ABOVE CODE AM I RIGHT? 
    }); 
}) 

Bu

angular.module('starter', ['ionic', 'ngCordova']) 
.run(function($ionicPlatform) { 
    $ionicPlatform.ready(function() { 
    if(window.cordova && window.cordova.plugins.Keyboard) { 
     cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true); 
     cordova.plugins.Keyboard.disableScroll(true); 
    } 
    if(window.StatusBar) { 
     StatusBar.styleDefault(); 
    } 
     window.canvas2ImagePlugin.saveImageDataToLibrary(
     function(msg){ 
      console.log(msg); 
     }, 
     function(err){ 
      console.log(err); 
     }, 
     document.getElementById('myCanvas') 
    ); 
    }); 
}) 

yaptık. Ama benim konsolunda bir hata alıyorum:

enter image description here

Herhangi ipucu veya yardım takdir edilecektir, yine çaylak soru için özür angularjs için hala çok yeniyim.

+0

'index.html'' –

+0

'unuzun 'script' yükleme sırasını ekleyebilir misiniz? Eklentiyi bağlamayı unuttum, işte burada: https://github.com/devgeeks/Canvas2ImagePlugin –

+0

1

Yanlış bir komut dizisi gibi görünüyor, tüm açısal dosyalar & Canvas2ImagePlugin javascript kodu yüklendikten sonra app.js dosyasını yüklemeniz gerekir.

<script src="lib/ionic/js/ionic.bundle.js"></script> <script src="js/ng-cordova.min.js"></script> 
<script src="cordova.js"></script> 
<script src="lib/org.devgeeks.Canvas2ImagePlugin/www/Canvas2ImagePlugin.js"></script> 
<script src="js/app.js"></script> 
+0

günlüğündeki 2. hata gitti, ancak 3. hala var. Bunun gibi bir görevde onu sarabilir miyim diye düşünüyorum. 'fonksiyonu saveimage() { window.canvas2ImagePlugin.saveImageDataToLibrary ( fonksiyonu (MSG) { console.log (MSG); } fonksiyonu (ERR) { console.log (ERR); } document.getElementById ('myCanvas') ); } ' –

+0

daha sonra saveImage'ı kullanın ve bir düğmeye bağlayın? Denedim ama başarılı olduğunu veya bu konsolu temel alan bir kayıt yok.log (msg); ' –

+0

@JedNocum Bu işlevi cihazda önerildiği gibi hazır olarak çağırmanız gerektiğini düşünüyorum. https://github.com/devgeeks/Canvas2ImagePlugin –