chore(markdown): Updated utils docs for v3
This commit is contained in:
parent
acf1b72c4c
commit
bc3b0cd770
23 changed files with 782 additions and 622 deletions
|
@ -1,7 +1,12 @@
|
|||
---
|
||||
title: circlesIntersect()
|
||||
title: utils.circlesIntersect()
|
||||
---
|
||||
|
||||
The `utils.circlesIntersect()` function finds the intersections between two
|
||||
circles described by their center point and radius.
|
||||
|
||||
## Signature
|
||||
|
||||
```js
|
||||
array | false utils.circlesIntersect(
|
||||
Point centerA,
|
||||
|
@ -12,8 +17,6 @@ array | false utils.circlesIntersect(
|
|||
)
|
||||
```
|
||||
|
||||
Finds the intersections between two circles described by their center point and radius.
|
||||
|
||||
The 5th and last parameter controls the _sorting_ of the found intersections.
|
||||
When this returns 2 intersections, you can choose how they are ordered in the returned array:
|
||||
|
||||
|
@ -22,42 +25,42 @@ Set sort to:
|
|||
- `x` : The point with the lowest X-coordinate will go first (left to right)
|
||||
- `y` : The point with the lowest Y-coordinate will go first (top to bottom)
|
||||
|
||||
<Example part="utils_circlesintersect">
|
||||
A Utils.circlesIntersect() example
|
||||
## Example
|
||||
|
||||
<Example caption="A Utils.circlesIntersect() example">
|
||||
```js
|
||||
({ Point, points, Snippet, snippets, utils, part }) => {
|
||||
|
||||
points.A = new Point(10, 10)
|
||||
.addCircle(15, "fabric")
|
||||
points.B = new Point(30, 30)
|
||||
.addCircle(35, "fabric")
|
||||
points.C = new Point(90, 10)
|
||||
.addCircle(15, "various")
|
||||
points.D = new Point(110, 30)
|
||||
.addCircle(35, "various")
|
||||
|
||||
const intersections1 = utils.circlesIntersect(
|
||||
points.A,
|
||||
points.A.attributes.get("data-circle"),
|
||||
points.B,
|
||||
points.B.attributes.get("data-circle")
|
||||
)
|
||||
const intersections2 = utils.circlesIntersect(
|
||||
points.C,
|
||||
points.C.attributes.get("data-circle"),
|
||||
points.D,
|
||||
points.D.attributes.get("data-circle"),
|
||||
"y"
|
||||
)
|
||||
|
||||
snippets.first1 = new Snippet("bnotch", intersections1[0])
|
||||
snippets.second1 = new Snippet("notch", intersections1[1])
|
||||
snippets.first2 = new Snippet("bnotch", intersections2[0])
|
||||
snippets.second2 = new Snippet("notch", intersections2[1])
|
||||
|
||||
return part
|
||||
}
|
||||
```
|
||||
</Example>
|
||||
|
||||
```js
|
||||
let { Point, points, Snippet, snippets, utils } = part.shorthand();
|
||||
|
||||
points.A = new Point(10, 10)
|
||||
.attr("data-circle", 15)
|
||||
.attr("data-circle-class", "fabric");
|
||||
points.B = new Point(30, 30)
|
||||
.attr("data-circle", 35)
|
||||
.attr("data-circle-class", "fabric");
|
||||
points.C = new Point(90, 10)
|
||||
.attr("data-circle", 15)
|
||||
.attr("data-circle-class", "various");
|
||||
points.D = new Point(110, 30)
|
||||
.attr("data-circle", 35)
|
||||
.attr("data-circle-class", "various");
|
||||
|
||||
let intersections1 = utils.circlesIntersect(
|
||||
points.A,
|
||||
points.A.attributes.get("data-circle"),
|
||||
points.B,
|
||||
points.B.attributes.get("data-circle")
|
||||
);
|
||||
let intersections2 = utils.circlesIntersect(
|
||||
points.C,
|
||||
points.C.attributes.get("data-circle"),
|
||||
points.D,
|
||||
points.D.attributes.get("data-circle"),
|
||||
"y"
|
||||
);
|
||||
|
||||
snippets.first1 = new Snippet("bnotch", intersections1[0]);
|
||||
snippets.second1 = new Snippet("notch", intersections1[1]);
|
||||
snippets.first2 = new Snippet("bnotch", intersections2[0]);
|
||||
snippets.second2 = new Snippet("notch", intersections2[1]);
|
||||
```
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue