小程序
小游戏
企业微信
微信支付
扫描小程序码分享
我使用getSystemInfo获取到屏幕的宽高等数据,但是用二分之一屏幕的宽高获得的点并不是屏幕中心,请问这个到底应该怎么算哦.
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
二分之一位置就是中心,可能是在使用 top 时你忘记 计算元素本身大小了,
比如 有一个 正方形是 100*100 ,而屏幕大小是 200*300,现在需要将正方形完全居中在屏幕上
通过屏幕大小得到中心点为 x:100,y:150, 但是你直接设置 top: 150, left: 100是不对的,因为 这样是将你 正方形的 左上角的点 放在中心,你的正方形并没有在中心,
正确的做法是 再计算一次 正方形的中心,得到 x:50,y:50
然后 top 的位置减去 正方形中心 150 - 50 = 100
left 的位置减去 正方形中心 100 - 50 得到 50
最后将 top 设置为 100,left 为 50 就是正中心了
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
需要实现什么需求?
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
二分之一位置就是中心,可能是在使用 top 时你忘记 计算元素本身大小了,
比如 有一个 正方形是 100*100 ,而屏幕大小是 200*300,现在需要将正方形完全居中在屏幕上
通过屏幕大小得到中心点为 x:100,y:150, 但是你直接设置 top: 150, left: 100是不对的,因为 这样是将你 正方形的 左上角的点 放在中心,你的正方形并没有在中心,
正确的做法是 再计算一次 正方形的中心,得到 x:50,y:50
然后 top 的位置减去 正方形中心 150 - 50 = 100
left 的位置减去 正方形中心 100 - 50 得到 50
最后将 top 设置为 100,left 为 50 就是正中心了
需要实现什么需求?