Interface: PathState

Defined in: render/descriptors/path.ts:49

Per-shape descriptor state. Shapes carry geometry and a local transform (rotation/scale baked into the path before it joins the union) but not layer effects: effects are applied to the whole drawn union via Graphics.effects, not per shape. So ShapeState omits TransformState.effects (which remains for node-level transforms).

Extends

ShapeState

Properties

blend?

optional blend?: "color" | "multiply" | "screen" | "overlay" | "darken" | "lighten" | "color-dodge" | "color-burn" | "hard-light" | "soft-light" | "difference" | "exclusion" | "hue" | "saturation" | "luminosity" | "normal" | "pass-through"

Defined in: render/descriptors/transform.ts:12

Layer blend mode. 'pass-through' (the default) does not isolate the node; any other mode isolates it and blends its flattened result against the backdrop. Optional so per-shape descriptors that extend this state needn't carry it.

Inherited from

TransformState.blend

centerBounds?

optional centerBounds?: PathBounds

Defined in: render/descriptors/path.ts:62

Explicit frame to center the path against, as [minX, minY, maxX, maxY] in the path's own coordinate space. When set, the path is shifted so this box's center lands on the local origin — instead of the path centering on its own bbox.

Use this when several paths share one layout frame (e.g. per-glyph LaTeX tokens). Passing the same whole-shape bounds to every path keeps their relative positions intact, where per-path self-centering would collapse them onto a single point. When unset, the path centers on its own bbox.

data

data: PathData

Defined in: render/descriptors/path.ts:50

end

end: number

Defined in: render/descriptors/shape.ts:14

Inherited from

ShapeState.end

height

height: number

Defined in: render/descriptors/transform.ts:9

Inherited from

TransformState.height

opacity

opacity: number

Defined in: render/descriptors/transform.ts:10

Inherited from

TransformState.opacity

pivot

pivot: Anchor

Defined in: render/descriptors/shape.ts:22

Pivot for the shape's local rotation/scale. Widened from a Vector2 to a Anchor so a shape can pivot about a named anchor (.rect({ pivot: 'topRight' })) as well as an explicit Vector2. with*Descriptor normalises it to a Vector2 (via resolveShapePivot), so the resolved state the renderer reads always carries a concrete pivot.