‣ Rappid 2.2 released and packed with new features.

‣ Check out our other product AppMixer!

Together with Vectorizer, Geometry is another lightweight library built-in to JointJS. This library implements many useful **geometry operations**. The geometry library does not have any dependencies and can be used standalone. Please see the download page that contains both the development and minified versions of this library.

`g.normalizeAngle(angle)`

Convert the `angle`

to the range `[0, 360]`

.

`g.snapToGrid(val, gridSize)`

Snap the value `val`

to a grid of size `gridSize`

.

`g.toDeg(rad)`

Convert radians `rad`

to degrees.

`g.toRad(deg, over360)`

Convert degrees `deg`

to radians. If `over360`

is `true`

, do not modulate on 360 degrees.

`g.bezier.curveThroughPoints(points)`

Return the SVG path commands that define a cubic bezier curve going through the `points`

.
This method automatically computes the cubic bezier control points necessary to create a smooth curve crossing `points`

.

`g.bezier.getCurveControlPoints(knots)`

Get open-ended Bezier Spline Control Points. `knots`

should be Bezier spline points (at least two points!). Returns an array where the first item is an array of the first control points and the second item is an array of second control points.

`g.bezier.getCurveDivider(p0, p1, p2, p3)`

Divide a Bezier curve into two at point defined by value `t ∈ <0,1>`

. Uses the deCasteljau algorithm.

`g.bezier.getFirstControlPoints(rhs)`

Solves a tridiagonal system for one of coordinates (x or y) of first Bezier control points. `rhs`

is a right hand side vector. Returns a solution vector.

`g.bezier.getInversionSolver(p0, p1, p2, p3)`

Solves an inversion problem -- Given the (x, y) coordinates of a point which lies on a parametric curve `x = x(t)/w(t)`

, `y = y(t)/w(t)`

, find the parameter value `t`

which corresponds to that point. Returns a function that accepts a point and returns t.

`g.ellipse(c, a, b)`

Return a new ellipse object with center at point `c`

and parameters `a`

and `b`

.

`g.ellipse.fromRect(rect)`

Returns a new ellipse object from the given rect.

`ellipse.bbox()`

Return the rectangle that is the bounding box of the ellipse.

`ellipse.clone()`

Return another ellipse which is a clone of the ellipse.

`ellipse.containsPoint(p)`

Return `true`

if the point `p`

is inside the ellipse (inclusive). Return `false`

otherwise.

`ellipse.equals(otherEllipse)`

Returns `true`

if the ellipse equals the other ellipse.

` ``ellipse.inflate(dx [, dy])`

Return an ellipse inflated in axis **x** by **2 * dx** and in axis **y** by **2 * dy**.
When method is called with a single parameter, the resulting ellipse is inflated by **2 * dx** in both **x** and **y** axis.

`ellipse.intersectionWithLineFromCenterToPoint(p, angle)`

Return the point on the boundary of the ellipse that is the intersection of the ellipse with a line starting in the center of the ellipse ending in the point `p`

. If `angle`

is specified, the intersection will take into account the rotation of the ellipse by `angle`

degrees around its center.

`ellipse.normalizedDistance(p)`

Returns a normalized distance from the ellipse center to a point `p`

.
Returns a number `n`

( `n < 1`

for points inside the ellipse, `n = 1`

for points laying at the ellipse boundary and `n > 1`

for points outside the ellipse).
`ellipse.tangentTheta(point)`

Returns the angle between the x axis and the tangent from a `point`

. It is valid for points laying on the ellipse boundary only.

`ellipse.toString()`

Returns the ellipse represented as a string.

`g.line(p1, p2)`

Return a new line object with starting at point `p1`

ending at point `p2`

. `p1`

and `p2`

are first passed through the `point`

constructor so they can also be passed in the string forms. Examples:

```
var l = g.line(g.point(10, 20), g.point(50, 60));
var l = new g.line('10 20', '50 60');
var l = g.line('10@20', '50@60');
```

`line.bearing()`

Return the bearing (cardinal direction) of the line. The return value is a one of the following strings: `'NE', 'E', 'SE', 'S', 'SW', 'W', 'NW' and 'N'`

.

`line.clone()`

Return another line which is a clone of the line.

`line.intersect(l)`

Return the intersection point of the line with another line `l`

. A rectangle can also be passed in as the parameter, in which case, an array of intersection points with the line is returned. Return `null`

if there is no such point.

`line.intersection(l)`

Return the intersection point of the line with another line `l`

. Return `null`

if there is no such point.

This has been `deprecated`

in favor of intersect.

`line.length()`

Return the length of the line.

`line.midpoint()`

Return the point that is in the middle of the line.

`line.pointAt(t)`

Return a point on the line at length specified by a floating point number `t`

from the interaval `[0,1]`

. For example, if `t`

equals `0.5`

, the function returns the midpoint of the line.

`line.squaredLength()`

Return the squared length of the line. Useful in cases the real length is not necessary (saves the Math.sqrt() operation).

`line.toString()`

Returns the line represented as a string.

`g.point(x [, y])`

Return a new point object with `x`

and `y`

coordinates. If `x`

is a string, it is considered to be in the form `"[number] [number]"`

or `"[number]@[number]"`

where the first number is x coordinate and the second is y coordinate. Examples:

```
var p = g.point(10, 20);
var p = new g.point(10, 20);
var p = g.point('10 20');
var p = g.point('10@20');
var p = g.point(g.point(10, 20));
```

`g.point.fromPolar(distance, angle, origin)`

Returns a new point object from the given polar coordinates.

`g.point.random(x1, x2, y1, y2)`

Returns a new point object with random coordinates that fall within the range `[x1, x2]`

and `[y1, y2]`

.

`point.adhereToRect(r)`

If the point lies outside the rectangle `r`

, adjust the point so that it becomes the nearest point on the boundary of `r`

.

`point.bearing(p)`

Return the bearing (cardinal direction) of the line between the point and another point `p`

.
The return value is a one of the following strings: `'NE', 'E', 'SE', 'S', 'SW', 'W', 'NW' and 'N'`

.

`point.changeInAngle(dx, dy, ref)`

Return the change in angle that is the result of moving the point from its previous position (`-dx`

, `-dy`

) to its new position.
This move is relative to the `ref`

point and x axis.

`point.clone()`

Return another point which is a clone of the point.

`point.difference(dx [, dy])`

Return a point that has coordinates computed as a difference between the point and another point with coordinates `dx`

and `dy`

. If only
`dx`

is specified and is a number, `dy`

is considered to be zero. If only `dx`

is specified and is an object,
it is considered to be another point or an object in the form `{ x: [number], y: [number] }`

`point.distance(p)`

Return the distance between the point and another point `p`

.

`point.equals(p)`

Return `true`

if the point equals another point `p`

Return `false`

otherwise.

`point.magnitude()`

Return the magnitude of the point vector.

`point.manhattanDistance(p)`

Return the manhattan distance between the point and another point `p`

.

`point.move(ref, distance)`

Move the point on a line that leads to another point `ref`

by a certain `distance`

.

`point.normalize(len)`

Normalize the point vector and return the point itself. In other words,
scale the line segment between (0, 0) and the point in order for it to have a length of `len`

.
If len is not specified, it is considered to be `1`

in which case a unit vector is computed.

`point.offset(dx [, dy])`

Offset the point (change its `x`

and `y`

coordinates) by `dx`

in x-axis and `dy`

in y-axis. If only `dx`

is specified and is a number,
`dy`

is considered to be zero. If only `dx`

is specified and is a object, it is considered to be another point or an object in the form `{ x: [number], y: [number] }`

`point.reflection(p)`

Return a point that is a reflection of the point with the center of reflection at point `p`

.

`point.rotate(o, angle)`

Rotate the point by `angle`

around the origin `o`

.

`point.round([precision])`

Rounds the point to the given precision.

`point.scale(sx, sy, origin)`

Scale point by `sx`

and `sy`

about the given origin.

`point.snapToGrid(gridSize, [gridSizeY])`

Snap the point (change its `x`

and `y`

coordinates) to a grid of size `gridSize`

(or `gridSize`

x `gridSizeY`

for non-uniform grid).

`point.theta(p)`

Return the angle (in degrees) between the point, another point `p`

and the x-axis.

`point.toJSON()`

Return the point as a simple JSON object. For example: `{ "x": 0, "y": 0 }`

.

`point.toPolar(o)`

Convert rectangular to polar coordinates. If the origin `o`

is not specified, it is considered to be at (0,0).

`point.toString()`

Returns the point as a string `x@y`

.

`point.update(x, y)`

Update the point `x`

and `y`

coordinates with new values and return the point itself. Useful for chaining.

`g.rect(x, y, width, height)`

Return a new rectangle object with top left corner at point with coordinates `x`

, `y`

and dimensions `width`

and `height`

. If only `x`

is specified, it is considered to be an object in the form `{ x: [number], y: [number], width: [number], height: [number] }`

in which case a copy of the rectangle is returned.

`g.rect.fromEllipse(ellipse)`

Returns a new rectangle object from the given ellipse.

`rect.bbox(angle)`

Return a rectangle that is the bounding box of the rectangle taking into account its rotation around center specified by `angle`

degrees.

`rect.bottomLeft()`

Return the point that is the bottom left corner of the rectangle.

`rect.bottomLine()`

Return the bottom line of the rectangle.

`rect.bottomMiddle()`

Return the point that is at the bottom middle of the rectangle.

`rect.center()`

Return the point that is the center of the rectangle.

`rect.clone()`

Return another rectangle which is a clone of the rectangle.

`rect.containsPoint(p)`

Return `true`

if the point `p`

is inside the rectangle (inclusive). Return `false`

otherwise.

`rect.containsRect(r)`

Return `true`

if the rectangle `r`

is inside the rectangle (inclusive). Return `false`

otherwise.

`rect.corner()`

Return the point that is the bottom right corner of the rectangle.

`rect.equals(r)`

Return `true`

if the rectangle equals another rectangle `r`

Return `false`

otherwise.

` ``rect.inflate(dx [, dy])`

Return a rectangle inflated in axis **x** by **2 * dx** and in axis **y** by **2 * dy**.
When method is called with a single parameter, the resulting rectangle is inflated by **2 * dx** in both **x** and **y** axis.

`rect.intersect(r)`

Return a rectangle object that is a subtraction of the two rectangles if such an object exists (the two rectangles intersect). Return `false`

otherwise.

`rect.intersectionWithLineFromCenterToPoint(p [, angle])`

Return the point on the boundary of the rectangle that is the intersection of the rectangle
with a line starting in the center of the rectangle ending in the point `p`

.
If `angle`

is specified, the intersection will take into account
the rotation of the rectangle by `angle`

degrees around its center.

`rect.leftLine()`

Return the left line of the rectangle.

`rect.leftMiddle()`

Return the point that is at the left middle of the rectangle.

`rect.moveAndExpand(r)`

Offset the rectangle by `r.x`

and `r.y`

and expand it by `r.width`

and `r.height`

.

`rect.normalize()`

Normalize the rectangle, i.e. make it so that it has non-negative width and height. If width is less than `0`

, the function swaps left and right corners and if height is less than `0`

, the top and bottom corners are swapped.

`rect.origin()`

Return the point that is the top left corner of the rectangle.

`rect.pointNearestToPoint(p)`

Return the point on the boundary of the rectangle nearest to the point `p`

.

`rect.rightLine()`

Return the right line of the rectangle.

`rect.rightMiddle()`

Return the point that is at the right middle of the rectangle.

`rect.round([precision])`

Rounds the rectangle to the given precision.

`rect.sideNearestToPoint(p)`

Return the `"top"`

, `"left"`

, `"right"`

or `"bottom"`

string denoting the side of the rectangle which is nearest to the point `p`

.

`rect.snapToGrid(gx, gy)`

Adjust the position and dimensions of the rectangle such that its edges are on the nearest increment of `gx`

on the x-axis and `gy`

on the y-axis.

`rect.toJSON()`

Return the rectangle as a simple JSON object. For example: `{ "x": 0, "y": 0, "width": 40, "height": 40 }`

.

`rect.topLine()`

Return the top line of the rectangle.

`rect.topMiddle()`

Return the point that is at the top middle of the rectangle.

`rect.topRight()`

Return the point that is the top right corner of the rectangle.

`point.toString()`

Returns the rectangle as a string `x@y x@y`

.

`rect.union(r)`

Return a rectangle object that is a union of the two rectangles.

`g.scale.linear(domain, range, value)`

Return the `value`

from the `domain`

interval linearly scaled to the `range`

interval. Both `domain`

and `range`

intervals must be specified as arrays with two numbers specifying start and end of the interval.