当前位置:K88软件开发文章中心编程全书微信小程序 → 文章内容

微信小程序媒体组件 camera

减小字体 增大字体 作者:佚名  来源:网上搜集  发布时间:2019-1-15 14:59:14

由 Carrie 创建, 最后一次修改 2018-01-03 camera基础库 1.6.0 开始支持,低版本需做兼容处理系统相机。需要用户授权 scope.camera 属性名 类型 默认值 说明 device-position String back 前置或后置,值为front, back flash String auto 闪光灯,值为auto, on, off bindstop EventHandle 摄像头在非正常终止时触发,如退出后台等情况 binderror EventHandle 用户不允许使用摄像头时触发 相关api:wx.createCameraContextBug & Tip tip: camera 组件是由客户端创建的原生组件,它的层级是最高的,不能通过 z-index 控制层级。可使用 cover-view cover-image覆盖在上面。 tip: 同一页面只能插入一个 camera 组件。 tip: 请勿在 scroll-view、swiper、picker-view、movable-view 中使用 camera 组件。示例:<!-- camera.wxml --><camera device-position="back" flash="off" binderror="error" style="width: 100%; height: 300px;"></camera><button type="primary" bindtap="takePhoto">拍照</button><view>预览</view><image mode="widthFix" src="{{src}}"></image>// camera.jsPage({ takePhoto() { const ctx = wx.createCameraContext() ctx.takePhoto({ quality: 'high', success: (res) => { this.setData({ src: res.tempImagePath }) } }) }, error(e) { console.log(e.detail) }})

微信小程序媒体组件 camera