Documentation / @ripl/core / ImageState
Interface: ImageState ​
Defined in: packages/core/src/elements/image.ts:31
State interface for an image element, defining position, optional size, and image source.
Extends ​
Properties ​
| Property | Type | Inherited from | Defined in |
|---|---|---|---|
direction? | Direction | BaseState.direction | packages/core/src/context/types.ts:120 |
fill? | string | BaseState.fill | packages/core/src/context/types.ts:118 |
filter? | string | BaseState.filter | packages/core/src/context/types.ts:119 |
font? | string | BaseState.font | packages/core/src/context/types.ts:121 |
fontKerning? | FontKerning | BaseState.fontKerning | packages/core/src/context/types.ts:122 |
globalCompositeOperation? | unknown | BaseState.globalCompositeOperation | packages/core/src/context/types.ts:124 |
height? | number | - | packages/core/src/elements/image.ts:36 |
image | CanvasImageSource | - | packages/core/src/elements/image.ts:32 |
lineCap? | LineCap | BaseState.lineCap | packages/core/src/context/types.ts:125 |
lineDash? | number[] | BaseState.lineDash | packages/core/src/context/types.ts:126 |
lineDashOffset? | number | BaseState.lineDashOffset | packages/core/src/context/types.ts:127 |
lineJoin? | LineJoin | BaseState.lineJoin | packages/core/src/context/types.ts:128 |
lineWidth? | number | BaseState.lineWidth | packages/core/src/context/types.ts:129 |
miterLimit? | number | BaseState.miterLimit | packages/core/src/context/types.ts:130 |
opacity? | number | BaseState.opacity | packages/core/src/context/types.ts:123 |
rotation? | Rotation | BaseState.rotation | packages/core/src/context/types.ts:143 |
shadowBlur? | number | BaseState.shadowBlur | packages/core/src/context/types.ts:131 |
shadowColor? | string | BaseState.shadowColor | packages/core/src/context/types.ts:132 |
shadowOffsetX? | number | BaseState.shadowOffsetX | packages/core/src/context/types.ts:133 |
shadowOffsetY? | number | BaseState.shadowOffsetY | packages/core/src/context/types.ts:134 |
stroke? | string | BaseState.stroke | packages/core/src/context/types.ts:135 |
textAlign? | TextAlignment | BaseState.textAlign | packages/core/src/context/types.ts:136 |
textBaseline? | TextBaseline | BaseState.textBaseline | packages/core/src/context/types.ts:137 |
transformOriginX? | TransformOrigin | BaseState.transformOriginX | packages/core/src/context/types.ts:144 |
transformOriginY? | TransformOrigin | BaseState.transformOriginY | packages/core/src/context/types.ts:145 |
transformScaleX? | number | BaseState.transformScaleX | packages/core/src/context/types.ts:141 |
transformScaleY? | number | BaseState.transformScaleY | packages/core/src/context/types.ts:142 |
translateX? | number | BaseState.translateX | packages/core/src/context/types.ts:139 |
translateY? | number | BaseState.translateY | packages/core/src/context/types.ts:140 |
width? | number | - | packages/core/src/elements/image.ts:35 |
x | number | - | packages/core/src/elements/image.ts:33 |
y | number | - | packages/core/src/elements/image.ts:34 |
zIndex? | number | BaseState.zIndex | packages/core/src/context/types.ts:138 |