g.js — graphical objects for JavaScript

Get started

Guides

toPointstoPoints

Convert the shape to points that make up the shape.

var r = g.star({x: 0, y: 0}, 5, 100, 40);
g.toPoints(r);

toPoints is often used to generate a set of “template points”. We can place new shapes on this template.

Note that executing this directly on certain paths (e.g. text paths) gives weird results:

var p = g.textPath('Hello', {x: 0, y: 0}, 'default-font', 72);
g.toPoints(p);

That’s why this function is often used in combination with resampleByLength or resampleByAmount to create a better distribution of points.

var p = g.textPath('Hello', {x: 0, y: 0}, 'default-font', 72);
var r = g.resampleByLength(p, 5);
g.toPoints(r);