基础库版本 >= 3.79.0 开始支持,低版本需做兼容处理。
系统相机。相关api: bl.createCameraContext
| 属性 | 类型 | 默认值 | 必填 | 说明 | 版本 |
| mode | string | normal | 否 | 应用模式,只在初始化时有效,不能动态变更 | 3.79.0 |
| resolution | string | medium | 否 | 分辨率,不支持动态修改 | 3.79.0 |
| device-position | string | back | 否 | 摄像头朝向 | 3.79.0 |
| flash | string | auto | 否 | 闪光灯,值为auto, on, off | 3.79.0 |
| frame-size | string | medium | 否 | 指定期望的相机帧数据尺寸 | 3.79.0 |
| stop | eventhandle | | 否 | 摄像头在非正常终止时触发,如退出后台等情况 | 3.79.0 |
| error | eventhandle | | 否 | 用户不允许使用摄像头时触发 | 3.79.0 |
| initdone | eventhandle | | 否 | 相机初始化完成时触发,e.detail = {maxZoom} | 3.79.0 |
mode 合法值
resolution 合法值
device-position 合法值
flash 合法值
| 值 | 说明 |
| auto | 自动 |
| on | 打开 |
| off | 关闭 |
| torch | 常亮 |
frame-size 合法值
| 值 | 说明 |
| small | 小尺寸帧数据 |
| medium | 中尺寸帧数据 |
| large | 大尺寸帧数据 |
Bug & Tip
- tip: 同一页面只能插入一个 camera 组件。
- tip: 请注意原生组件使用限制。
- tip: onCameraFrame 接口根据 frame-size 返回不同尺寸的原始帧数据,与 Camera 组件展示的图像不同,其实际像素值由系统决定。
示例代码
<template>
<b-camera device-position="back" flash="off" style="width: 100%; height: 300px;"></b-camera>
</template>