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
网友回复
UEFI与Legacy启动有啥不同?
可在u盘启动的开源匿名操作系统有哪些?
Pyloid与Pywebview打包生成桌面应用区别?
win10的iso镜像如何通过u盘来安装?
如何解决输入sora2邀请码报错:Sora is not available in The Netherlands yet
在哪可免费白嫖使用sora2生成视频?
php如何结合openai兼容的embedding向量化api实现语义化模糊关键词搜索匹配?
python如何结合qwen embedding向量化api实现语义化模糊关键词搜索匹配?
如何利用ai翻拍创作热门视频影视电视剧赚钱?
如何去除sora2生成的视频水印?