54 lines
1.1 KiB
Text
54 lines
1.1 KiB
Text
---
|
|
title: Path.translate()
|
|
---
|
|
|
|
The `Path.translate()` method returns a path with
|
|
[a translate transform](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/transform#Translate)
|
|
applied.
|
|
|
|
## Example
|
|
|
|
```js
|
|
Path path.translate(float deltaX, float deltaY)
|
|
```
|
|
|
|
## Example
|
|
|
|
<Example caption="Example of the Path.translate() method">
|
|
```js
|
|
({ Point, points, Path, paths, part, macro }) => {
|
|
|
|
points.A = new Point(45, 60)
|
|
points.B = new Point(10, 30)
|
|
points.BCp2 = new Point(40, 20)
|
|
points.C = new Point(90, 30)
|
|
points.CCp1 = new Point(50, -30)
|
|
|
|
paths.A = new Path()
|
|
.move(points.A)
|
|
.line(points.B)
|
|
.curve(points.BCp2, points.CCp1, points.C)
|
|
|
|
paths.B = paths.A.translate(60, 30)
|
|
|
|
points.step1 = points.B.shift(0, 60)
|
|
points.step2 = points.step1.shift(-90, 30)
|
|
macro("ld", {
|
|
from: points.B,
|
|
to: points.step1,
|
|
noStartMarker: true,
|
|
id: 'macro1',
|
|
force: true,
|
|
})
|
|
macro("ld", {
|
|
from: points.step1,
|
|
to: points.step2,
|
|
noStartMarker: true,
|
|
id: 'macro2',
|
|
force: true,
|
|
})
|
|
|
|
return part
|
|
}
|
|
```
|
|
</Example>
|