childrenOnChain Problem

[Byteschmiede]

Hey!

I'm playing around with layout.childrenOnChain and have question how to accomplish following task:

There is a curved path id like to use to position my text on it. Just like childrenOnChain.
The only problem is, that this method is built for text who covers the whole chain.

Example:

Text: Foobaafooba
Text on Path: F_o_o_b_a_a_f_o_o_b_a

Text: Foo
Text on Path: F___________o__________o

But I want to center on the path like:

Text on Path: Foo

here are Screenshots from the playground

I hack fix it with pre- and post characters with spaces:
But that's too hacky for my choice

[danmarshall]

Hi @Byteschmiede - can you "clip" your chain? Perhaps do a boolean subtraction from a rectangle to get the piece you want.

[Byteschmiede]

Hey Dan,

I tried my best but clipping a chain with a rect results to an endless chain.

[danmarshall]

Hi @Byteschmiede , this is one of those situations where you can use the flags for boolean operations:

var m = require('makerjs');

var curve = new m.models.BezierCurve([[0, 100], [100,0], [200, 100]]);
var square = m.model.move(new m.models.Square(80), [60, 10]);
var rect = new m.models.Rectangle(200, 100);

this.models = { curve, square, rect };

m.model.combine(curve, square, true, false, false, false, {trimDeadEnds: false});

(the rectangle is just there because of a bug in the Playground canvas 😕)
Also, maybe the documentation shouldn't say Each model must be a closed geometry like it does. In this advanced case you can control which segments are kept and deleted.