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
     });
  }
}

Answer 2

此模块的贡献者为此模块制作了类型定义文件，如Angular 2 support #8中所述。

您可以按照npm @types/cordova-plugin-canvascamera上的说明安装类型定义文件。

然后您应该可以根据Typescript 2.0. “types” field in tsconfig.json

在ts文件中使用CanvasCamera

最诚挚的问候。

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

2 个答案: