I would like to get centre of gravity for SVG path. I am already using paper.js for paths manipulations but I can see any option to calculate this. Is it possible some way?

CodePudding user response：

If you have a Path object (preferably without self-intersections), you can create an approximate polygon clone with the .flatten() function:

const path = ...

//Approximate polyline/polygon:
const poly = path.clone();
poly.flatten(8);
const polyPoints = poly.exportJSON({ asString: false })[1].segments;

Then, there are several resources online that explain how to calculate the centroid of a polygon, for example:

• Finding the centroid of a polygon?
• How can you find the centroid of a concave irregular polygon in JavaScript?

Full example