导读:需求是置camera组件高度为屏幕的可编辑高度,因为需要覆盖一张图片在组件在camera上,图片宽度要100%,高度是按照相机的高度进行裁剪
思路1:通过wx.getSystemInfo()获取可视屏幕高度,通过传值到camera组件
<!-- wxml -->
<camera device-position="front" flash="off" binderror="error" bindinitdone="initdone" style="height:{
{windowHeight}}px;width:100%">
<!-- js -->
wx.getSystemInfo({
success(res) {
_this.setData({
windowHeight: res.windowHeight,
})
}
})
痛点:基础库低于2.7.0的,调用的前置摄像头变成后置摄像头,昨天(20190514)刚好微信更新7.0.4版本,由这一版本开始支持基础库2.7.0,(没找到文档有相关说明,应该是高分比和动态传值设置高度的bug修复了)真机测试已成功可用
思路2:在onReady()动态设置
参考自微信社区:设置camera组件的高度随客户端变化时无效——评论区“阿斯兰”的回复
<!-- wxml -->
<camera device-position="front" flash="off" binderror="error" bind

本文介绍了在小程序中使camera组件高度等于视窗高度的三种方法:通过wx.getSystemInfo()获取高度、onReady()动态设置以及使用vh单位。针对不同基础库版本存在的问题进行了讨论,推荐使用vh单位来确保在低版本中也能正确渲染并避免摄像头方向错误。
最低0.47元/天 解锁文章
2008

被折叠的 条评论
为什么被折叠?



