Ionic 3 - cordovaプラグインレポの使い方私Ionic3アプリでこのプラグインを使用しようとして

Question

イム：

https://github.com/VirtuoWorks/CanvasCameraPlugin

私はプラグインをインストールするために管理している：

cordova plugin add https://github.com/VirtuoWorks/CanvasCameraPlugin.git && cordova prepare 

私の問題は、次に何をすべきかである、私はプラグインを追加する必要がありアプリに、イオン性のネイティブプラグインでこれは次のように行うことができます。

import { SplashScreen } from '@ionic-native/splash-screen'; 

しかし、私はCanvasCameraプラグインのために何を使うべきでしょうか？

import { CanvasCamera } from '??????'; 

私の現在のコード：

declare let CanvasCamera: any; 
import { Component } from '@angular/core'; 
import { NavController } from 'ionic-angular'; 
import { Platform } from 'ionic-angular'; 

@Component({ 
    selector: 'page-home', 
    templateUrl: 'home.html' 
}) 
export class HomePage { 

    constructor(public navCtrl: NavController, public platform: Platform) { 
    this.canvasCameraStart(); 
    } 

    canvasCameraStart() { 
    this.platform.ready().then(() => { 
     var options = { 
     quality: 75, 
     destinationType: CanvasCamera.DestinationType.DATA_URL, 
     encodingType: CanvasCamera.EncodingType.JPEG, 
     width: 640, 
     height: 480 
    }; 
     CanvasCamera.start(options);// here call the plugin's method 
    }); 
} 

} 

Answer 1

あなたは以下に示すように、プラグインのオブジェクトを宣言する必要があります。

declare let CanvasCamera: any; 

@Component({ 
    ... 
}) 
export class TestPage { 

    ... 

    myPluginMethod() { 
    this.platform.ready().then(() => { 
     CanvasCamera.start(options);// here call the plugin's method 
    }); 
    } 
} 

更新：あなたは、以下のように行う必要があります。

constructor(public navCtrl: NavController, public platform: Platform) { 

this.platform.ready().then(() => { 
    this.canvasCameraStart(); 
    }); 

} 

    canvasCameraStart() { 
    let options = { 
     quality: 75, 
     destinationType: CanvasCamera.DestinationType.DATA_URL, 
     encodingType: CanvasCamera.EncodingType.JPEG, 
     width: 640, 
     height: 480 
    }; 
     CanvasCamera.start(options);// here call the plugin's method 
    } 

Answer 2

このモジュールのコントリビュータは、Angular 2 support #8に記載されているように、このモジュールのタイプ定義ファイルを作成しました。

npm @types/cordova-plugin-canvascameraの指示に従ってタイプ定義ファイルをインストールできます。

その後、Typescript 2.0. “types” field in tsconfig.json

よろしくに従ってあなたのTSファイルでCanvasCameraを使用することができるはずです。