创新互联小程序教程:微信小程序媒体组件 camera

camera


基础库 1.6.0 开始支持,低版本需做 兼容处理。

创新互联专注为客户提供全方位的互联网综合服务,包含不限于做网站、成都网站设计、邳州网络推广、微信小程序、邳州网络营销、邳州企业策划、邳州品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;创新互联为所有大学生创业者提供邳州建站搭建服务,24小时服务热线:18980820575,官方网址:www.cdcxhl.com

系统相机。

需要用户授权 scope.camera

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

相关api:wx.createCameraContext

Bug & Tip
  1. tip: camera 组件是由客户端创建的原生组件,它的层级是最高的,不能通过 z-index 控制层级。可使用 cover-view cover-image覆盖在上面。
  2. tip: 同一页面只能插入一个 camera 组件。
  3. tip: 请勿在 scroll-view、swiper、picker-view、movable-view 中使用 camera 组件。

示例:




预览
// 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)
    }
})

网页标题:创新互联小程序教程:微信小程序媒体组件 camera
链接URL:http://csdahua.cn/article/cosshdo.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流