Any way to get the center coordinates of all areas?

[gpanciera]

Is there any way to get the center coordinates (or scaled coordinates) from all areas and say, for instance, iterate through them? I have some other interface elements I'd like to manipulate based on the center coordinates of all areas.

[NishargShah]

do you need something like this?

react-img-mapper/src/ImageMapper.tsx

Lines 244 to 250 in 204413a

	default: {
	const n = scaledCoords.length / 2;
	const { y: scaleY, x: scaleX } = scaledCoords.reduce(
	({ y, x }, val, idx) => (!(idx % 2) ? { y, x: x + val / n } : { y: y + val / n, x }),
	{ y: 0, x: 0 }
	);
	return [scaleX, scaleY];

[gpanciera]

Thanks, that does do the trick—was just thinking it would be cleaner if I could pull the numbers from the ImageMapper component. Appreciate the help