web前端全系列 教程
1839个小节阅读:2243.4k
目录
鸿蒙应用开发
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本,未来主流的版本
人工智能 教程
顺势而为,AI创新未来
大厂算法 教程
算法,程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
camera 页面内嵌的区域相机组件。注意这不是点击后全屏打开的相机
温馨提示
目前只支持微信小程序
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
device-position | String | back | 前置或后置摄像头,值为front, back |
flash | String | auto | 闪光灯,值为auto, on, off |
mode | String | normal | 有效值为 normal, scanCode |
@stop | EventHandle | 摄像头在非正常终止时触发,如退出后台等情况 | |
@error | EventHandle | 用户不允许使用摄像头时触发 |
xxxxxxxxxx
<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>
xxxxxxxxxx
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);
}
}
}
实时效果反馈
1. uni-app中,调用摄像头设置前置或后置摄像头的属性是哪个:
A mode
B device-position
C flash
D @stop
答案
1=>B