javascript - PhoneGap/Cordova CanvasCamera 插件无法正常工作

Question

我通过 PhoneGap Desktop 在 ios 9.2 上运行该应用程序。

我刚刚开始使用 PhoneGap，我正在尝试构建一个简单的应用程序，允许您拍照并将其显示给您。我已经能够使用 cordova 相机插件来执行此操作，该插件在设备上启动相机应用程序。但是我想实现一个在设备准备就绪后立即启动全屏摄像头的应用程序，就像 snapchat 一样。

我一直在尝试使用 Donald Pae 的 CanvasCamera 插件来做到这一点 https://github.com/donaldp24/CanvasCameraPlugin

但我仍然没有成功获得相机预览。

我已经使用 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);
      });

非常感谢您的帮助。

谢谢

Answer 1

尝试使用 USB 将手机连接到电脑，通过模拟器运行应用程序。请注意，您需要创建 iOS 平台才能在手机中运行它。 希望能与您合作