uniapp的camera标签仅仅适合微信小程序，app和h5都不支持，可以自己修改样式，添加遮挡物等效果。
<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>
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);
}
}
}https://uniapp.dcloud.net.cn/component/camera.html#camera
网友回复
我知道答案，我要回答
私活外包
