求问一下如何获取屏幕中心点的坐标?
发布于 5 年前 作者 fang82 9465 次浏览 来自 官方Issues

我使用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 就是正中心了

需要实现什么需求?

回到顶部