题目
把矩形的层级包含关系表示出来即可。
比如上面的图表示为一个 div 下有两个 div。
数据
r1 = [
{ id: 1, x1: 533, y1: 30, x2: 860, y2: 409 },
{ id: 2, x1: 559, y1: 49, x2: 837, y2: 207 },
{ id: 3, x1: 568, y1: 236, x2: 832, y2: 364 },
]
xy 是坐标信息,层级关系可根据此内容计算。
要处理成的数据
r2 = [
{
id: 1, x1: 533, y1: 30, x2: 860, y2: 409,
child: [
{ pid: 1, id: 2, x1: 559, y1: 49, x2: 837, y2: 207, },
{ pid: 1, id: 3, x1: 568, y1: 236, x2: 832, y2: 364, },
],
},
]
解
function checkInclude(data1, data2) {
return data2.x1 > data1.x1 && data2.y1 > data1.y1 &&
data2.x2
关注
打赏
最近更新
- 深拷贝和浅拷贝的区别(重点)
- 【Vue】走进Vue框架世界
- 【云服务器】项目部署—搭建网站—vue电商后台管理系统
- 【React介绍】 一文带你深入React
- 【React】React组件实例的三大属性之state,props,refs(你学废了吗)
- 【脚手架VueCLI】从零开始,创建一个VUE项目
- 【React】深入理解React组件生命周期----图文详解(含代码)
- 【React】DOM的Diffing算法是什么?以及DOM中key的作用----经典面试题
- 【React】1_使用React脚手架创建项目步骤--------详解(含项目结构说明)
- 【React】2_如何使用react脚手架写一个简单的页面?