1 KiB
title |
---|
Path.divide() |
The Path.divide()
method breaks a path apart in an array of atomic paths. An
atomic path is a path that can't be divided further and is always made up of
one move + one drawing operation.
Signature
array path.divide()
Example
```js ({ Point, points, Path, paths, part }) => {points.A = new Point(55, 40); points.B = new Point(10, 70); points.BCp2 = new Point(40, 20); points.C = new Point(90, 60); points.CCp1 = new Point(50, -30); points.D = new Point(50, 80); points.DCp1 = new Point(140, 50);
paths.example = new Path() .move(points.A) .line(points.B) .curve(points.BCp2, points.CCp1, points.C) .curve(points.DCp1, points.DCp1, points.D) .close();
let style = "stroke-width: 4; stroke-opacity: 0.5;";
let i = 0;
for (let p of paths.example.divide()) {
i++;
paths[i] = p
.attr("style", style)
.attr('style', stroke: hsl(${i * 70}, 100%, 50%)
)
}
return part }
</Example>