46 lines
1,003 B
Markdown
46 lines
1,003 B
Markdown
|
---
|
||
|
|
title: translate()
|
||
|
|
---
|
||
|
|
|
||
|
|
```js
|
||
|
|
Point point.translate(float deltaX, float deltaY)
|
||
|
|
```
|
||
|
|
|
||
|
|
Returns a point with
|
||
|
|
[a translate transform](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/translate)
|
||
|
|
applied.
|
||
|
|
|
||
|
|
In other words, this will:
|
||
|
|
|
||
|
|
- Add `deltaX` to the point's X-coordinate
|
||
|
|
- Add `deltaY` to the point's Y-coordinate
|
||
|
|
|
||
|
|
<Example
|
||
|
|
part="point_translate"
|
||
|
|
caption="An example of the Point.translate() method"
|
||
|
|
/>
|
||
|
|
|
||
|
|
```js
|
||
|
|
let { Point, points, Snippet, snippets, macro } = part.shorthand();
|
||
|
|
|
||
|
|
points.A = new Point(10, 10).attr("data-text", "Point A");
|
||
|
|
points.B = points.A.translate(120, 60)
|
||
|
|
.attr(
|
||
|
|
"data-text",
|
||
|
|
"Point B is point A with a\ntranslate(120, 60)\ntransform applied"
|
||
|
|
)
|
||
|
|
.attr("data-text-class", "right")
|
||
|
|
.attr("data-text-dy", -6)
|
||
|
|
.attr("data-text-lineheight", 6);
|
||
|
|
|
||
|
|
snippets.A = new Snippet("x", points.A);
|
||
|
|
snippets.B = new Snippet("x", points.B);
|
||
|
|
|
||
|
|
macro("ld", {
|
||
|
|
from: points.A,
|
||
|
|
to: points.B,
|
||
|
|
text: "translate(120,60)",
|
||
|
|
noStartMarker: true
|
||
|
|
});
|
||
|
|
```
|