搜索文档 /
开始 插件

相机预览

在HTML中显示摄像头预览

需要科尔多瓦插件: https://github.com/cordova-plugin-camera-preview/cordova-plugin-camera-preview.git .如需更多信息,请参阅 科尔多瓦相机预览文档

https://github.com/cordova-plugin-camera-preview/cordova-plugin-camera-preview

困在科尔多瓦问题上?

如果您正在构建一个严肃的项目,您就不能花时间进行故障排除。betway东盟体育appIonic的专家为社区插件和高级插件提供优质的咨询服务。

今天联系我们!

安装

npm安装cordova-plugin-camera-preview npm安装@ionic-nbetway东盟体育appative /相机预览 betway东盟体育app离子帽同步 betway东盟体育appIonic cordova插件插件logo图片 npm安装@ionic-nbetway东盟体育appative /相机预览
betway东盟体育app必威滚球分析软件ionionenterprise带有来自ionionteam的完全支持和维护的插件。 了解更多 或者如果你对这个插件的企业版本感兴趣 联系我们

支持的平台上

  • 安卓
  • iOS

使用

反应

在这里看到的。


              进口
             
              
             CameraPreview
              
             CameraPreviewPictureOptions
              
             CameraPreviewOptions
              
             CameraPreviewDimensions
              
             
              
             
              “@betway东盟体育appionic-native /相机预览/ ngx”
              
             
              构造函数
              
               私人
              cameraPreview
               
              CameraPreview
              
             
              
             
              
             
              ...
             
              //摄像头选项(大小和位置)。在下面的例子中,预览使用后摄像头,并在webview的后面显示预览
             
              常量
             cameraPreviewOpts
              
             CameraPreviewOptions
              
             
              
             x
              
             
              0
              
             y
              
             
              0
              
             宽度
              
             窗口
              
             屏幕
              
             宽度
              
             高度
              
             窗口
              
             屏幕
              
             高度
              
             相机
              
             
              “后”
              
             tapPhoto
              
             
              真正的
              
             previewDrag
              
             
              真正的
              
             toBack
              
             
              真正的
              
             α
              
             
              1
             
              
             
              / /开始照相机
             
              
              
             cameraPreview
              
              startCamera
              
             cameraPreviewOpts
              
              
              然后
              
             
              
              res
              
             
              = >
             
              
             
              控制台
              
              日志
              
             res
              
             
              
              
             
              
              犯错
              
             
              = >
             
              
             
              控制台
              
              日志
              
             犯错
              
             
              
              
              
             
              //设置处理程序在每次拍照时运行
             
              
              
             cameraPreview
              
              setOnPictureTakenHandler
              
              
              
              订阅
              
              
              结果
              
             
              = >
             
              
             
              控制台
              
              日志
              
             结果
              
              
             
              //用结果做一些事情
             
              
              
              
             
              / /图片选项
             
              常量
             pictureOpts
              
             CameraPreviewPictureOptions
              
             
              
             宽度
              
             
              1280
              
             高度
              
             
              1280
              
             质量
              
             
              85
             
              
             
              //拍照
             
              
              
             cameraPreview
              
              takePicture
              
              
              
             pictureOpts
              
              
              然后
              
              
              imageData
              
             
              = >
             
              
             
              
              
             图片
              
             
              数据:图像/ jpeg; base64,
             
              +
             imageData
              
             
              
              
             
              
              犯错
              
             
              = >
             
              
             
              控制台
              
              日志
              
             犯错
              
              
             
              
              
             图片
              
             
              “资产/ img / test.jpg”
              
             
              
              
              
             
              //快照
             
              
              
             cameraPreview
              
              takeSnapshot
              
              
              
             pictureOpts
              
              
              然后
              
              
              imageData
              
             
              = >
             
              
             
              
              
             图片
              
             
              数据:图像/ jpeg; base64,
             
              +
             imageData
              
             
              
              
             
              
              犯错
              
             
              = >
             
              
             
              控制台
              
              日志
              
             犯错
              
              
             
              
              
             图片
              
             
              “资产/ img / test.jpg”
              
             
              
              
              
             
              / /切换摄像头
             
              
              
             cameraPreview
              
              switchCamera
              
              
              
             
              //设置颜色效果为负
             
              
              
             cameraPreview
              
              setColorEffect
              
              “负面”
              
              
             
              //停止相机预览
             
              
              
             cameraPreview
              
              stopCamera
              
              
              
             
Baidu