小程序
小游戏
企业微信
微信支付
扫描小程序码分享
真机调试(2340*1080):
SelectorQuery.selectViewport() 返回maxHeight为694,maxWidth为360
boundingClientRect 返回页面中间位置元素的坐标是top:300,left:303
想问下各位大佬,这俩API返回的坐标是相对于什么的,不是屏幕大小吗
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
不是可见区域。是你选择某个节点。这个节点内的元素坐标, 举个例子
<view> <view> <view class="xxx"> </view> </view> </view> selectViewport()的是class为xxx那一栏,那就是这一栏的坐标。而不是可视区域的。
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
let query = wx.createSelectorQuery();
query.selectViewport().boundingClientRect();
query.exec(function(res){
console.log(res)
});
模拟器(928*428)输出
{
height: 844
id: ""
left: 0
right: 0
top: 0
width: 428
...
}
真机调试(2340*1080)输出height:786,width:393
所以,我有两个疑问:
1. 这里没有指定class和id,width和height是指可视区域吗?
2. 模拟器的928*428是指的什么大小,它返回的width和height差不多能对上,或者说selectviewport()如何与真机的某个参数对应呀
感谢回答~
https://developers.weixin.qq.com/miniprogram/dev/api/wxml/SelectorQuery.selectViewport.html
文档是说明显示区域
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
不是可见区域。是你选择某个节点。这个节点内的元素坐标, 举个例子
<view> <view> <view class="xxx"> </view> </view> </view> selectViewport()的是class为xxx那一栏,那就是这一栏的坐标。而不是可视区域的。
let query = wx.createSelectorQuery();
query.selectViewport().boundingClientRect();
query.exec(function(res){
console.log(res)
});
模拟器(928*428)输出
{
height: 844
id: ""
left: 0
right: 0
top: 0
width: 428
...
}
真机调试(2340*1080)输出height:786,width:393
所以,我有两个疑问:
1. 这里没有指定class和id,width和height是指可视区域吗?
2. 模拟器的928*428是指的什么大小,它返回的width和height差不多能对上,或者说selectviewport()如何与真机的某个参数对应呀
感谢回答~
刚也搜了下,这返回的结果和真机有个pixelRatio的关系
https://developers.weixin.qq.com/miniprogram/dev/api/wxml/SelectorQuery.selectViewport.html
文档是说明显示区域