freesewing/markdown/dev/reference/api/point/translate/en.md

***

## 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
});
```