微信小程序官方组件展示之媒体组件camera源码

以下将展示微信小程序之媒体组件camera源码官方组件能力，组件样式仅供参考，开发者可根据自身需求定义组件样式，具体属性参数详见小程序开发文档。

功能描述：

系统相机。扫码二维码功能，需升级微信客户端至6.7.3。需要用户授权 scope.camera。 2.10.0起 initdone 事件返回 maxZoom，最大变焦范围，相关接口 CameraContext.setZoom。

属性说明：

Bug& Tip

1.tip:同一页面只能插入一个camera 组件

2.tip:请注意原生组件使用限制

3.tip:onCameraFrame接口根据frame-size 返回不同尺寸的原始帧数据，与 Camera 组件展示的图像不同，其实际像素值由系统决定

示例代码

JAVASCRIPT

// camera.js

Page({

  takePhoto() {

    const ctx = wx.createCameraContext()

    ctx.takePhoto({

      quality: 'high',

      success: (res) => {

        this.setData({

          src: res.tempImagePath

        })

      }

    })

  },

  error(e) {

    console.log(e.detail)

  }

})

WXML

拍照

预览

版权声明：本站所有内容均由互联网收集整理、上传，如涉及版权问题，请联系我们第一时间处理。

原文链接地址：https://developers.weixin.qq.com/miniprogram/dev/component/camera.html