相机预览
在HTML中显示摄像头预览
需要科尔多瓦插件:
https://github.com/cordova-plugin-camera-preview/cordova-plugin-camera-preview.git
．如需更多信息，请参阅
科尔多瓦相机预览文档
．
困在科尔多瓦问题上?
如果您正在构建一个严肃的项目，您就不能花时间进行故障排除。betway东盟体育appIonic的专家为社区插件和高级插件提供优质的咨询服务。
安装
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
（
）
；