Can be SVG path centroid calculated with paper.js?

Question

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?

Are your paths polygons, or can you approximate them with polygons? If so you can easily calculate it yourself: https://stackoverflow.com/a/43747218/1869660 — Sphinxxx, Oct 25 '21 at 13:28

score 1 · Accepted Answer · answered Oct 25 '21 at 22:33

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:

Full example

Can be SVG path centroid calculated with paper.js?

1 Answers1