Variable: paths
constpaths:object
Geometric SVG path generators for shapes, cards, and clipping frames.
Type Declaration
| Name | Type | Description |
|---|---|---|
box() | (options?: BoxPathOptions) => PathFunction | Generates a rectangle with optional rounded corners. |
circle() | (options?: CirclePathOptions) => PathFunction | Generates a circle or ellipse fitting inside bounds. - fit: "contain" (default): forces a 1:1 circular aspect ratio. - fit: "fill": stretches to the full bounding box as an ellipse. |
diamond() | (options?: DiamondPathOptions) => PathFunction | Generates a diamond (rhombus) decision shape with softly rounded tips. |
heart() | () => PathFunction | Generates a symmetrical heart shape. |
hexagon() | (options?: HexagonPathOptions) => PathFunction | Generates a regular hexagon. |
pill() | () => PathFunction | Generates a capsule / pill path with fully rounded ends. |
polygon() | (options?: PolygonPathOptions) => PathFunction | Generates a regular N-sided polygon (pentagon, octagon, etc.). |
speechBubble() | (options?: SpeechBubblePathOptions) => PathFunction | Generates a speech bubble with a pointy pointer tail. Pass a live target (element or stage point) to make the tail track it each frame. |
squircle() | (options?: SquirclePathOptions) => PathFunction | Generates a squircle (superellipse) with continuous G2 curvature. |
star() | (options?: StarPathOptions) => PathFunction | Generates a multi-point star shape. |
thoughtBubble() | (options?: ThoughtBubblePathOptions) => PathFunction | Generates a scalloped thought cloud with a curved trail of shrinking bubbles. Pass a live target (element or stage point) to make the trail track it each frame. |
triangle() | (options?: TrianglePathOptions) => PathFunction | Generates a triangle pointing in the specified direction with rounded corners. |