camera

页面内嵌的区域相机组件。注意这不是点击后全屏打开的相机。 平台差异说明

    • uni.chooseImage 和 uni.chooseVideo 可以拍照或录像,但它们会同时允许用户选择相册。
  • plus.camera的API可以直接调起全屏的摄像头,详见:https://www.html5plus.org/doc/zh_cn/camera.html 调用原生摄像头进行相关操作。
  • 模板;在App端使用原生插件
  • 生物认证属性说明 Tips:
  • reateCameraContext代码示例
    1. <template> <view> <camera device-position="back" flash="off" @error="error" style="width: 100%; height: 300px;"></camera> <button type="primary" @click="takePhoto">拍照</button> <view>预览</view> <image mode="widthFix" :src="src"></image> </view></template>
    1. export default { data() { return { src:"" } }, methods: { takePhoto() { const ctx = uni.createCameraContext(); ctx.takePhoto({ quality: 'high', success: (res) => { this.src = res.tempImagePath } }); }, error(e) { console.log(e.detail); } }}

在 GitHub 上编辑此页面!