Bounding box
El rectángulo más pequeño que encierra por completo un objeto — la base del layout, las zonas de clic y las pruebas de colisión.
En el navegador, getBoundingClientRect() devuelve el rectángulo de un elemento en coordenadas del viewport, incluidos todos sus hijos. SVG tiene el equivalente getBBox(). El rectángulo está alineado a los ejes, así que una forma rotada obtiene una caja mayor que la forma misma.
Por qué rectángulos: comprobar si dos rectángulos se solapan cuesta cuatro comparaciones, mientras que la geometría exacta cuesta bastante más. Por eso los motores de juegos y gráficos hacen siempre primero una prueba de caja gruesa y solo calculan con exactitud los pares que la pasaron. El mismo concepto aparece en la detección de objetos, donde el modelo dibuja una caja alrededor de cada cosa que encuentra.