feat: Flat import of markdown repo
This is a flat (without history) import of (some of) the content from our markdown module. We've imported this without history because the repo contains our blog posts and showcases posts content prior to porting them to strapi. Since this contains many images, it would balloon the size of this repo to import the full history. Instead, please refer to the history of the (archived) markdown repo at: https://github.com/freesewing/markdown
This commit is contained in:
parent
1671a896b5
commit
b34a2ee2ed
6132 changed files with 244167 additions and 0 deletions
40
markdown/dev/reference/api/path/divide/en.md
Normal file
40
markdown/dev/reference/api/path/divide/en.md
Normal file
|
@ -0,0 +1,40 @@
|
|||
---
|
||||
title: divide()
|
||||
---
|
||||
|
||||
```js
|
||||
array path.divide()
|
||||
```
|
||||
|
||||
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.
|
||||
|
||||
<Example part="path_divide" caption="Example of the Path.divide() method" />
|
||||
|
||||
```js
|
||||
let { Point, points, Path, paths } = part.shorthand();
|
||||
|
||||
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%)`);
|
||||
}
|
||||
```
|
Loading…
Add table
Add a link
Reference in a new issue