54 lines
1.4 KiB
Markdown
54 lines
1.4 KiB
Markdown
---
|
|
title: Point.shiftFractionTowards()
|
|
---
|
|
|
|
Returns a new `Point` that is shifted towards the `target` by a `fraction` of the distance between this
|
|
point and the target.
|
|
|
|
This method accepts values larger than 1 to go beyond the target point, or negative values to shift the
|
|
point in the opposite direction.
|
|
|
|
If you need to move a point by a specific distance instead of a percentage, use [`Point.shiftTowards()`]((reference/api/point/shifttowards/)) or [`Point.shiftOutwards()`](reference/api/point/shiftoutwards/) instead.
|
|
|
|
## Point.shiftFractionTowards() signature
|
|
|
|
```js
|
|
Point point.shiftFractionTowards(Point target, float fraction)
|
|
```
|
|
|
|
## Point.shiftFractionTowards() example
|
|
|
|
<Example part="point_shiftfractiontowards">
|
|
An example of the Point.shiftFractionTowards() method
|
|
</Example>
|
|
|
|
```js
|
|
let { Point, points, Path, paths, macro } = part.shorthand();
|
|
|
|
points.A = new Point(90, 70).attr("data-text", "Point A");
|
|
points.B = new Point(10, 10).attr("data-text", "Point B");
|
|
points.C = points.A.shiftFractionTowards(points.B, 0.5)
|
|
.attr(
|
|
"data-text",
|
|
"Point C is point A shifted 50%\nin the direction of point B"
|
|
)
|
|
.attr("data-text-class", "center")
|
|
.attr("data-text-lineheight", 6);
|
|
|
|
paths.direction = new Path()
|
|
.move(points.A)
|
|
.line(points.B)
|
|
.attr("class", "note dashed");
|
|
|
|
macro("ld", {
|
|
from: points.C,
|
|
to: points.A,
|
|
d: -10
|
|
});
|
|
|
|
macro("ld", {
|
|
from: points.B,
|
|
to: points.A,
|
|
d: 20
|
|
});
|
|
```
|