PhoneGap/Cordova CanvasCamera 插件不起作用

PhoneGap/Cordova CanvasCamera Plugin not working

本文关键字:插件 不起作用 CanvasCamera Cordova PhoneGap      更新时间:2023-09-26

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

我刚刚开始使用PhoneGap,我正在尝试构建一个简单的应用程序,允许您拍照并显示给您。我已经能够使用在设备上启动相机应用程序的 cordova 相机插件来做到这一点。但是,我想实现在设备准备就绪后立即启动全屏相机的应用程序,就像 snapchat 一样。

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

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

我已经使用 gitbash 通过 npm 安装了该插件

我已将插件添加到配置.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>

索引.js绑定事件函数内部

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

我非常感谢您的帮助。

谢谢

尝试通过使用 USB 将手机连接到电脑,通过模拟器运行应用。请注意,您需要创建iOS平台才能在手机中运行它。我希望它能和你一起工作