Documentation / @ripl/3d / CylinderState
Interface: CylinderState ​
Defined in: 3d/src/elements/cylinder.ts:36
State interface for a cylinder, defining top/bottom radii, height, and segment count.
Extends ​
Properties ​
| Property | Type | Description | Inherited from | Defined in |
|---|---|---|---|---|
direction? | Direction | Directionality used when rendering text. | Shape3DState.direction | core/src/context/types.ts:229 |
fill? | string | Fill style (CSS color, gradient, or pattern) used to paint filled regions. | Shape3DState.fill | core/src/context/types.ts:225 |
filter? | string | CSS filter string applied to subsequent drawing operations (e.g. blur(4px)). | Shape3DState.filter | core/src/context/types.ts:227 |
font? | string | CSS font shorthand used when rendering text. | Shape3DState.font | core/src/context/types.ts:231 |
fontKerning? | FontKerning | Whether font kerning is applied when rendering text. | Shape3DState.fontKerning | core/src/context/types.ts:233 |
globalCompositeOperation? | unknown | Compositing operation controlling how new drawing is blended with existing content. | Shape3DState.globalCompositeOperation | core/src/context/types.ts:237 |
height | number | The height of the cylinder along the Y axis, in world units. | - | 3d/src/elements/cylinder.ts:42 |
lineCap? | LineCap | Cap style drawn at the endpoints of stroked lines. | Shape3DState.lineCap | core/src/context/types.ts:239 |
lineDash? | number[] | Dash pattern as alternating stroke and gap lengths; empty for a solid line. | Shape3DState.lineDash | core/src/context/types.ts:241 |
lineDashOffset? | number | Distance into the line dash pattern at which dashing begins. | Shape3DState.lineDashOffset | core/src/context/types.ts:243 |
lineJoin? | LineJoin | Join style drawn where two stroked segments meet. | Shape3DState.lineJoin | core/src/context/types.ts:245 |
lineWidth? | number | Width, in pixels, of stroked lines. | Shape3DState.lineWidth | core/src/context/types.ts:247 |
material? | Material | How the surface responds to light. When omitted, the element shades from its fill alone. | Shape3DState.material | 3d/src/core/shape.ts:228 |
miterLimit? | number | Miter length limit ratio applied to miter line joins. | Shape3DState.miterLimit | core/src/context/types.ts:249 |
opacity? | number | Global alpha applied to everything drawn, from 0 to 1. | Shape3DState.opacity | core/src/context/types.ts:235 |
radiusBottom | number | The radius of the bottom cap, in world units. A value of 0 produces a cone-like point. | - | 3d/src/elements/cylinder.ts:40 |
radiusTop | number | The radius of the top cap, in world units. A value of 0 produces a cone-like point. | - | 3d/src/elements/cylinder.ts:38 |
rotation? | Rotation | Rotation applied to the element's transform, as radians or a deg/rad string. | Shape3DState.rotation | core/src/context/types.ts:275 |
rotationX | number | The rotation around the X axis, in radians. | Shape3DState.rotationX | 3d/src/core/shape.ts:216 |
rotationY | number | The rotation around the Y axis, in radians. | Shape3DState.rotationY | 3d/src/core/shape.ts:218 |
rotationZ | number | The rotation around the Z axis, in radians. | Shape3DState.rotationZ | 3d/src/core/shape.ts:220 |
scaleX | number | The scale along the X axis. | Shape3DState.scaleX | 3d/src/core/shape.ts:222 |
scaleY | number | The scale along the Y axis. | Shape3DState.scaleY | 3d/src/core/shape.ts:224 |
scaleZ | number | The scale along the Z axis. | Shape3DState.scaleZ | 3d/src/core/shape.ts:226 |
segments | number | The number of segments around the circumference. Defaults to 16. | - | 3d/src/elements/cylinder.ts:44 |
shadowBlur? | number | Gaussian blur radius applied to drawn shadows. | Shape3DState.shadowBlur | core/src/context/types.ts:251 |
shadowColor? | string | Color of drawn shadows. | Shape3DState.shadowColor | core/src/context/types.ts:253 |
shadowOffsetX? | number | Horizontal offset, in pixels, of drawn shadows. | Shape3DState.shadowOffsetX | core/src/context/types.ts:255 |
shadowOffsetY? | number | Vertical offset, in pixels, of drawn shadows. | Shape3DState.shadowOffsetY | core/src/context/types.ts:257 |
stroke? | string | Stroke style (CSS color, gradient, or pattern) used to paint outlines. | Shape3DState.stroke | core/src/context/types.ts:259 |
textAlign? | TextAlignment | Horizontal alignment of text relative to the drawing position. | Shape3DState.textAlign | core/src/context/types.ts:261 |
textBaseline? | TextBaseline | Vertical baseline used when positioning text. | Shape3DState.textBaseline | core/src/context/types.ts:263 |
transformOriginX? | TransformOrigin | Horizontal origin about which rotation and scaling are applied. | Shape3DState.transformOriginX | core/src/context/types.ts:277 |
transformOriginY? | TransformOrigin | Vertical origin about which rotation and scaling are applied. | Shape3DState.transformOriginY | core/src/context/types.ts:279 |
transformScaleX? | number | Horizontal scale factor applied to the element's transform. | Shape3DState.transformScaleX | core/src/context/types.ts:271 |
transformScaleY? | number | Vertical scale factor applied to the element's transform. | Shape3DState.transformScaleY | core/src/context/types.ts:273 |
translateX? | number | Horizontal translation, in pixels, applied to the element's transform. | Shape3DState.translateX | core/src/context/types.ts:267 |
translateY? | number | Vertical translation, in pixels, applied to the element's transform. | Shape3DState.translateY | core/src/context/types.ts:269 |
x | number | The X position of the shape's origin in world space. | Shape3DState.x | 3d/src/core/shape.ts:210 |
y | number | The Y position of the shape's origin in world space. | Shape3DState.y | 3d/src/core/shape.ts:212 |
z | number | The Z position of the shape's origin in world space. | Shape3DState.z | 3d/src/core/shape.ts:214 |
zIndex? | number | Stacking order used to sort elements during rendering; higher values draw on top. | Shape3DState.zIndex | core/src/context/types.ts:265 |