CubicSegment

Clone is useful when you need to make a change to geometry without changing the original.

const transformedPath = path.clone().transform({ rotation: 45 });

Spatially transforms this geometry by an affine transformation matrix.

Affine matrices can represent any 2-dimensional transformation that keeps lines parallel.

Spatially transforms this geometry by an affine transformation matrix, excluding translation. Only rotation, scale, and skew transformations will be applied.

Reverses this cubic segment.

Swaps the start and end points of the segment as well as their corresponding control points.

The loose bounding box may not be the smallest possible, but it's usually cheaper to compute. Use this when the exact bounding box isn't required.

Geometry is contained by a bounding box if no part of it lies beyond it's minimum and maximum.

Geometry intersects a bounding box if part of the geometry crosses the boundary between the inside and outside of the box.

Geometry is overlapped by a bounding box if a point can be chosen that is indside both the geometry and the box.

Geometry is overlapped by a bounding box if it's contained inside, or intersected by it.

Transforms this geometry.

A transform can optionally specify any of position, rotation, scale, skew and origin.

origin defines the center (in pre-transform coordinates) of the transformation for rotation, scale and skew.

// Simple translation
geometry.translate({
  position: Vec(1, 0),
});

// Rotation and scale
geometry.transform({
  rotation: 45,
  scale: 2,
});

// Complicated transform
geometry.transform({
  position: Vec(1, 1),
  rotation: 180,
  scale: Vec(2, 1),
  skew: 45,
  origin: Vec(-0.5, 0.5),
};