camera

解释：相机

属性说明：

属性名类型默认值说明
device-positionStringback前置或后置，值为front, back
flashStringauto闪光灯，值为auto, on, off
bindstopEventHandle-摄像头在非正常终止时触发，如退出后台等情况
binderrorEventHandle-用户不允许使用摄像头时触发

说明:

  • camera 组件是由客户端创建的原生组件，它的层级是最高的，不能通过 z-index 控制层级。可使用 cover-view cover-image 覆盖在上面(在基础库3.0.0之前需要先创建camera，再通过的方式方 s-if="{ {true} }"可在camera上创建NA组件）。
  • 同一页面只能插入一个 camera 组件。
  • 请勿在 scroll-view、swiper、picker-view、movable-view 中使用 camera 组件。
  • 相关API：createCameraContext
    示例：
  1. <camera device-position="back" flash="off" binderror="error" style="width: 100%; height: 300px;"></camera>
    <button type="primary" bind:tap="takePhoto">拍照</button>
    <view>预览</view>
    <image mode="widthFix" src="{{src}}"></image>

  1. Page({
        takePhoto() {
            const ctx = swan.createCameraContext();
            ctx.takePhoto({
                quality: 'high',
                success: (res) => {
                    this.setData({
                        src: res.tempImagePath
                    })
                }
            });
        },
        error(e) {
            console.log(e.detail);
        }
    })