2021-10-17 18:26:00 +02:00
|
|
|
---
|
2022-09-27 18:24:35 +02:00
|
|
|
title: Path.noop()
|
2021-10-17 18:26:00 +02:00
|
|
|
---
|
2022-02-19 08:04:25 +01:00
|
|
|
|
2022-09-27 18:24:35 +02:00
|
|
|
The `Path.noop()` method adds a placeholder path operation.
|
|
|
|
A `noop` operation does nothing, but is intended to be replaced later
|
|
|
|
with [`Path.insop()`](/reference/api/path/insop).
|
|
|
|
|
|
|
|
## Signature
|
|
|
|
|
2021-08-25 16:09:31 +02:00
|
|
|
```js
|
|
|
|
Path path.noop(string id)
|
|
|
|
```
|
|
|
|
|
2024-09-29 07:14:59 +02:00
|
|
|
:::tip
|
|
|
|
This method is chainable as it returns the `Path` object
|
|
|
|
:::
|
2021-08-25 16:09:31 +02:00
|
|
|
|
2022-09-27 18:24:35 +02:00
|
|
|
## Example
|
2022-06-09 17:36:55 +02:00
|
|
|
|
2022-09-27 18:24:35 +02:00
|
|
|
<Example caption="Example of the Path.noop() method">
|
2022-06-09 17:36:55 +02:00
|
|
|
```js
|
2022-09-27 18:24:35 +02:00
|
|
|
({ Point, points, Path, paths, part }) => {
|
|
|
|
|
2025-05-19 08:04:05 +02:00
|
|
|
points.left = new Point(10,10)
|
|
|
|
points.dartLeft = new Point(40, 10)
|
|
|
|
points.dartTip = new Point(50, 50)
|
|
|
|
points.dartRight = new Point(60, 10)
|
|
|
|
points.right = new Point(90, 10)
|
|
|
|
|
|
|
|
paths.withoutDart = new Path()
|
|
|
|
.move(points.left)
|
|
|
|
.line(points.dartLeft)
|
|
|
|
.noop('dart')
|
|
|
|
.line(points.right)
|
|
|
|
|
|
|
|
paths.withDart = paths.withoutDart
|
|
|
|
.clone()
|
|
|
|
.insop(
|
|
|
|
'dart',
|
|
|
|
new Path()
|
|
|
|
.line(points.dartTip)
|
|
|
|
.line(points.dartRight)
|
|
|
|
)
|
|
|
|
.attr('style', 'stroke-width: 2px; stroke-opacity: 0.5; stroke: orange;')
|
|
|
|
|
|
|
|
return part
|
2022-09-27 18:24:35 +02:00
|
|
|
}
|
2022-06-09 17:36:55 +02:00
|
|
|
```
|
2022-09-27 18:24:35 +02:00
|
|
|
</Example>
|