1

PhoneGap デスクトップ経由で iOS 9.2 でアプリを実行しています。

私はPhoneGapを使い始めたばかりで、写真を撮ってあなたに見せることができるシンプルなアプリを構築しようとしています. デバイスでカメラ アプリを起動する cordova カメラ プラグインを使用して、これを行うことができました。ただし、スナップチャットのように、デバイスの準備が整うとすぐに全画面カメラを起動するアプリを実装したいと考えています。

Donald Pae https://github.com/donaldp24/CanvasCameraPluginによる CanvasCamera プラグインを使用してこれを実行しようとしています。

しかし、まだカメラのプレビューを取得することに成功していません。

gitbashを使用してnpm経由でプラグインをインストールしました

config.xml ファイルにプラグインを追加しました

    <gap:plugin name="com.keith.cordova.plugin.canvascamera" version="1.0.1" />

これは、カメラのプレビューを取得しようとするために使用しているコードです

HTML

    <canvas id="camera" width="352" height="288" style="border:2px solid black"></canvas>

index.js bind イベント関数の内部

        document.addEventListener("deviceready", function() {
          canvasMain = document.getElementById("camera");
          window.plugin.CanvasCamera.initialize(canvasMain);
          // define options
          var opt = {
              quality: 75,
              destinationType: CanvasCamera.DestinationType.DATA_URL,
              encodingType: CanvasCamera.EncodingType.JPEG,
              saveToPhotoAlbum:true,
              correctOrientation:true,
              width:640,
              height:480
          };
          window.plugin.CanvasCamera.start(opt);
      });

本当にありがとうございました。

ありがとう

4

1 に答える 1