Documentation / @ripl/core / BaseState
Interface: BaseState ​
Defined in: packages/core/src/context/types.ts:223
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:229 |
fill | string | Fill style (CSS color, gradient, or pattern) used to paint filled regions. | packages/core/src/context/types.ts:225 |
filter | string | CSS filter string applied to subsequent drawing operations (e.g. blur(4px)). | packages/core/src/context/types.ts:227 |
font | string | CSS font shorthand used when rendering text. | packages/core/src/context/types.ts:231 |
fontKerning | FontKerning | Whether font kerning is applied when rendering text. | packages/core/src/context/types.ts:233 |
globalCompositeOperation | unknown | Compositing operation controlling how new drawing is blended with existing content. | packages/core/src/context/types.ts:237 |
lineCap | LineCap | Cap style drawn at the endpoints of stroked lines. | packages/core/src/context/types.ts:239 |
lineDash | number[] | Dash pattern as alternating stroke and gap lengths; empty for a solid line. | packages/core/src/context/types.ts:241 |
lineDashOffset | number | Distance into the line dash pattern at which dashing begins. | packages/core/src/context/types.ts:243 |
lineJoin | LineJoin | Join style drawn where two stroked segments meet. | packages/core/src/context/types.ts:245 |
lineWidth | number | Width, in pixels, of stroked lines. | packages/core/src/context/types.ts:247 |
miterLimit | number | Miter length limit ratio applied to miter line joins. | packages/core/src/context/types.ts:249 |
opacity | number | Global alpha applied to everything drawn, from 0 to 1. | packages/core/src/context/types.ts:235 |
rotation | Rotation | Rotation applied to the element's transform, as radians or a deg/rad string. | packages/core/src/context/types.ts:275 |
shadowBlur | number | Gaussian blur radius applied to drawn shadows. | packages/core/src/context/types.ts:251 |
shadowColor | string | Color of drawn shadows. | packages/core/src/context/types.ts:253 |
shadowOffsetX | number | Horizontal offset, in pixels, of drawn shadows. | packages/core/src/context/types.ts:255 |
shadowOffsetY | number | Vertical offset, in pixels, of drawn shadows. | packages/core/src/context/types.ts:257 |
stroke | string | Stroke style (CSS color, gradient, or pattern) used to paint outlines. | packages/core/src/context/types.ts:259 |
textAlign | TextAlignment | Horizontal alignment of text relative to the drawing position. | packages/core/src/context/types.ts:261 |
textBaseline | TextBaseline | Vertical baseline used when positioning text. | packages/core/src/context/types.ts:263 |
transformOriginX | TransformOrigin | Horizontal origin about which rotation and scaling are applied. | packages/core/src/context/types.ts:277 |
transformOriginY | TransformOrigin | Vertical origin about which rotation and scaling are applied. | packages/core/src/context/types.ts:279 |
transformScaleX | number | Horizontal scale factor applied to the element's transform. | packages/core/src/context/types.ts:271 |
transformScaleY | number | Vertical scale factor applied to the element's transform. | packages/core/src/context/types.ts:273 |
translateX | number | Horizontal translation, in pixels, applied to the element's transform. | packages/core/src/context/types.ts:267 |
translateY | number | Vertical translation, in pixels, applied to the element's transform. | packages/core/src/context/types.ts:269 |
zIndex | number | Stacking order used to sort elements during rendering; higher values draw on top. | packages/core/src/context/types.ts:265 |