#### camera > 基礎庫 1.6.0 開始支持，低版本需做[兼容處理](https://mp.weixin.qq.com/debug/wxadoc/dev/framework/compatibility.html) 系統相機。 需要[用戶授權](https://mp.weixin.qq.com/debug/wxadoc/dev/api/authorize-index.html) scope.camera | 屬性名 | 類型 | 默認值 | 說明 | | --------------- | ----------- | ---- | --------------------- | | device-position | String | back | 前置或后置，值為front, back | | flash | String | auto | 閃光燈，值為auto, on, off | | bindstop | EventHandle | | 攝像頭在非正常終止時觸發，如退出后臺等情況 | | binderror | EventHandle | | 用戶不允許使用攝像頭時觸發 | 相關api：[wx.createCameraContext](https://mp.weixin.qq.com/debug/wxadoc/dev/api/api-camera.html) ##### 注意事項 1. `tip`: `camera` 組件是由客戶端創建的原生組件，它的層級是最高的，不能通過 z-index 控制層級。可使用 `cover-view` `cover-image`覆蓋在上面。 2. `tip`: 同一頁面只能插入一個 `camera` 組件。 3. `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.js Page({ takePhoto() { const ctx = wx.createCameraContext() ctx.takePhoto({ quality: 'high', success: (res) => { this.setData({ src: res.tempImagePath }) } }) }, error(e) { console.log(e.detail) } }) ```