在 Cordova iOS 的自定义页面中实现相机答案

【问题标题】：Implement Camera in Custom page in Cordova iOS在 Cordova iOS 的自定义页面中实现相机
【发布时间】：2015-06-27 15:21:54
【问题描述】：

在 Cordova 和 Meteor.js 中，是否可以在我们自己的自定义页面中实现 Camera 功能，使其看起来类似于 iOS 中的以下内容：

【问题讨论】：

标签： ios cordova meteor cordova-plugins

【解决方案1】：

我不了解 Meteor.js，但我可以告诉你有关 cordova-plugins 的信息。

是的，您可以使用mbppower/CordovaCameraPreview 插件来做到这一点，该插件允许从 HTML 代码进行相机交互。要创建您的自定义相机，您应该做的是，在您的 HTML 页面上启动相机。您必须在下面的代码 sn-p 中为“相机预览框”绘制具有所需高度-宽度尺寸和起点（x，y）作为参数的矩形。您也可以将其设为 Tap 启用和可拖动。

cordova.plugins.camerapreview.startCamera({x: 100, y: 100, width: 200, height:200}, "front", tapEnabled, dragEnabled, toBack);

现在它只在您的 HTML 页面上，因此您可以添加捕获按钮、浏览图片按钮、Flash 或任何您想要的东西。它将就像您的自定义相机一样。非常感谢它的作者，他做得很好。 添加了更多内容： 您还可以为您的应用程序使用donaldp24/CanvasCameraPlugin 插件，它在android 和iOS 中均受支持。对于 iOS，它可以工作，但在 android 中对我来说不能正常工作。

更新：2017 年 10 月 10 日它在此期间运行良好，但 donaldp24/CanvasCamera 不再维护，目前无法使用最新的 Cordova 版本构建。

【讨论】：