基础库版本 >= 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>