可以通过获取元素的宽度和高度,然后将其分别除以2,得到元素中心点的横坐标和纵坐标。然后再根据页面中心点的横坐标和纵坐标,计算出当前元素相对于中心点的横向偏移量和纵向偏移量。

示例代码:

// 获取元素的宽度和高度
var elemWidth = element.offsetWidth;
var elemHeight = element.offsetHeight;

// 计算元素中心点的横坐标和纵坐标
var elemCenterX = elemWidth / 2;
var elemCenterY = elemHeight / 2;

// 获取页面中心点的横坐标和纵坐标
var pageCenterX = window.innerWidth / 2;
var pageCenterY = window.innerHeight / 2;

// 计算元素相对于中心点的横向偏移量和纵向偏移量
var offsetX = elemCenterX - pageCenterX;
var offsetY = elemCenterY - pageCenterY;

这样,offsetX 和 offsetY 就是当前元素相对于中心点的横向偏移量和纵向偏移量。如果 offsetX 和 offsetY 的值为负数,就表示当前元素在中心点的左边或上面;如果为正数,就表示在中心点的右边或下面

js 中心点 00 开始怎么计算当前元素在中心的位置

原文地址: https://www.cveoy.top/t/topic/f3TU 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录