相机预览
在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
(
)
;