2021-10-17 18:26:00 +02:00
|
|
|
---
|
|
|
|
title: clone()
|
|
|
|
---
|
2021-08-25 16:09:31 +02:00
|
|
|
|
2021-10-17 18:26:00 +02:00
|
|
|
```
|
|
|
|
Point point.clone()
|
|
|
|
```
|
2021-08-25 16:09:31 +02:00
|
|
|
|
|
|
|
Returns a new point with the same coordinates and attributes as this point.
|
|
|
|
|
|
|
|
<Note>
|
|
|
|
|
|
|
|
###### Copy vs clone
|
|
|
|
|
|
|
|
The `Point.copy()` method will only copy the point's coordinates, whereas this
|
|
|
|
`Point.clone()` method will also copy its attributes.
|
|
|
|
|
|
|
|
</Note>
|
|
|
|
|
|
|
|
<Example
|
2021-10-17 18:26:00 +02:00
|
|
|
part="point_clone"
|
|
|
|
caption="An example of the Point.clone() method"
|
2021-08-25 16:09:31 +02:00
|
|
|
/>
|
|
|
|
|
|
|
|
```js
|
|
|
|
let { Point, points, Snippet, snippets } = part.shorthand();
|
|
|
|
|
|
|
|
points.A = new Point(25, 25)
|
|
|
|
.attr("data-text", "Point A")
|
|
|
|
.attr("data-text-class", "text-xl")
|
|
|
|
.attr("data-text-fill-opacity", "0.5");
|
|
|
|
points.B = points.A.clone().attr("data-text", "Point B");
|
|
|
|
|
|
|
|
snippets.x = new Snippet("notch", points.A);
|
|
|
|
```
|
2021-10-17 18:26:00 +02:00
|
|
|
|