boundingRectToCircle

Convert an object describing a rectangle to an object describing a circle.

TIP

To enable it for non-square elements, use the second parameter to force the calculation.

Usage

import { boundingRectToCircle } from '@studiometa/js-toolkit/utils';

const clientRect1 = { x: 0, y: 0, width: 100, height: 100 };
boundingRectToCircle(clientRect1); // { x: 50, y: 50, radius: 50 }

const clientRect2 = element.getBoundingClientRect();
boundingRectToCircle(clientRect2);

Parameters

• rect ({ x: number, y: number, width: number, height: number }): the dimension of the rectangle to transform
• force (boolean) : force the function to work with non-square input, defaults to false

Return value

• { x: number, y: number, radius: number }: an object describing a circle