Documentation / @ripl/core / BaseState

Interface: BaseState

Defined in: packages/core/src/context/types.ts:182

The full set of visual state properties inherited by every renderable element.

Properties

Property	Type	Description	Defined in
direction	Direction	Directionality used when rendering text.	packages/core/src/context/types.ts:188
fill	string	Fill style (CSS colour, gradient, or pattern) used to paint filled regions.	packages/core/src/context/types.ts:184
filter	string	CSS filter string applied to subsequent drawing operations (e.g. blur(4px)).	packages/core/src/context/types.ts:186
font	string	CSS font shorthand used when rendering text.	packages/core/src/context/types.ts:190
fontKerning	FontKerning	Whether font kerning is applied when rendering text.	packages/core/src/context/types.ts:192
globalCompositeOperation	unknown	Compositing operation controlling how new drawing is blended with existing content.	packages/core/src/context/types.ts:196
lineCap	LineCap	Cap style drawn at the endpoints of stroked lines.	packages/core/src/context/types.ts:198
lineDash	number[]	Dash pattern as alternating stroke and gap lengths; empty for a solid line.	packages/core/src/context/types.ts:200
lineDashOffset	number	Distance into the line dash pattern at which dashing begins.	packages/core/src/context/types.ts:202
lineJoin	LineJoin	Join style drawn where two stroked segments meet.	packages/core/src/context/types.ts:204
lineWidth	number	Width, in pixels, of stroked lines.	packages/core/src/context/types.ts:206
miterLimit	number	Miter length limit ratio applied to miter line joins.	packages/core/src/context/types.ts:208
opacity	number	Global alpha applied to everything drawn, from 0 to 1.	packages/core/src/context/types.ts:194
rotation	Rotation	Rotation applied to the element's transform, as radians or a deg/rad string.	packages/core/src/context/types.ts:234
shadowBlur	number	Gaussian blur radius applied to drawn shadows.	packages/core/src/context/types.ts:210
shadowColor	string	Colour of drawn shadows.	packages/core/src/context/types.ts:212
shadowOffsetX	number	Horizontal offset, in pixels, of drawn shadows.	packages/core/src/context/types.ts:214
shadowOffsetY	number	Vertical offset, in pixels, of drawn shadows.	packages/core/src/context/types.ts:216
stroke	string	Stroke style (CSS colour, gradient, or pattern) used to paint outlines.	packages/core/src/context/types.ts:218
textAlign	TextAlignment	Horizontal alignment of text relative to the drawing position.	packages/core/src/context/types.ts:220
textBaseline	TextBaseline	Vertical baseline used when positioning text.	packages/core/src/context/types.ts:222
transformOriginX	TransformOrigin	Horizontal origin about which rotation and scaling are applied.	packages/core/src/context/types.ts:236
transformOriginY	TransformOrigin	Vertical origin about which rotation and scaling are applied.	packages/core/src/context/types.ts:238
transformScaleX	number	Horizontal scale factor applied to the element's transform.	packages/core/src/context/types.ts:230
transformScaleY	number	Vertical scale factor applied to the element's transform.	packages/core/src/context/types.ts:232
translateX	number	Horizontal translation, in pixels, applied to the element's transform.	packages/core/src/context/types.ts:226
translateY	number	Vertical translation, in pixels, applied to the element's transform.	packages/core/src/context/types.ts:228
zIndex	number	Stacking order used to sort elements during rendering; higher values draw on top.	packages/core/src/context/types.ts:224