js 知道4个点在父元素的位置根据父元素的坐标00算出自己的中心点然后求出这个4个点在自己点的位置
可以使用以下步骤来计算子元素相对于父元素的位置:
- 父元素的中心点坐标为 (x0, y0)。这是已知的。
- 对于每个子元素,假设它的坐标为 (x, y)。
- 子元素的相对位置为 (x - x0, y - y0)。这表示子元素相对于父元素中心点的偏移量。
下面是一个示例代码:
// 父元素中心点坐标
var x0 = 0;
var y0 = 0;
// 子元素坐标
var x1 = 2;
var y1 = 3;
var x2 = -1;
var y2 = -4;
var x3 = 5;
var y3 = -2;
// 子元素相对位置
var relPos1 = {
x: x1 - x0,
y: y1 - y0
};
var relPos2 = {
x: x2 - x0,
y: y2 - y0
};
var relPos3 = {
x: x3 - x0,
y: y3 - y0
};
console.log("子元素1相对于父元素的位置:", relPos1);
console.log("子元素2相对于父元素的位置:", relPos2);
console.log("子元素3相对于父元素的位置:", relPos3);
输出结果:
子元素1相对于父元素的位置: { x: 2, y: 3 }
子元素2相对于父元素的位置: { x: -1, y: -4 }
子元素3相对于父元素的位置: { x: 5, y: -2 }
这样你就可以得到每个子元素相对于父元素中心点的偏移量。
原文地址: https://www.cveoy.top/t/topic/jeu6 著作权归作者所有。请勿转载和采集!