Ionic 3 - 如何使用cordova插件回購？

Question

我試着在我Ionic3應用程序使用這個插件：

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。