Documentation / @ripl/charts / RibbonState

Interface: RibbonState

Defined in: charts/src/elements/ribbon.ts:16

State interface for a ribbon shape connecting two arc segments via quadratic curves.

Extends

• BaseElementState

Properties

Property	Type	Inherited from	Defined in
cx	number	-	charts/src/elements/ribbon.ts:17
cy	number	-	charts/src/elements/ribbon.ts:18
direction?	Direction	BaseElementState.direction	core/src/context/types.ts:120
fill?	string	BaseElementState.fill	core/src/context/types.ts:118
filter?	string	BaseElementState.filter	core/src/context/types.ts:119
font?	string	BaseElementState.font	core/src/context/types.ts:121
fontKerning?	FontKerning	BaseElementState.fontKerning	core/src/context/types.ts:122
globalCompositeOperation?	unknown	BaseElementState.globalCompositeOperation	core/src/context/types.ts:124
lineCap?	LineCap	BaseElementState.lineCap	core/src/context/types.ts:125
lineDash?	number[]	BaseElementState.lineDash	core/src/context/types.ts:126
lineDashOffset?	number	BaseElementState.lineDashOffset	core/src/context/types.ts:127
lineJoin?	LineJoin	BaseElementState.lineJoin	core/src/context/types.ts:128
lineWidth?	number	BaseElementState.lineWidth	core/src/context/types.ts:129
miterLimit?	number	BaseElementState.miterLimit	core/src/context/types.ts:130
opacity?	number	BaseElementState.opacity	core/src/context/types.ts:123
radius	number	-	charts/src/elements/ribbon.ts:19
rotation?	Rotation	BaseElementState.rotation	core/src/context/types.ts:143
shadowBlur?	number	BaseElementState.shadowBlur	core/src/context/types.ts:131
shadowColor?	string	BaseElementState.shadowColor	core/src/context/types.ts:132
shadowOffsetX?	number	BaseElementState.shadowOffsetX	core/src/context/types.ts:133
shadowOffsetY?	number	BaseElementState.shadowOffsetY	core/src/context/types.ts:134
sourceEnd	number	-	charts/src/elements/ribbon.ts:21
sourceStart	number	-	charts/src/elements/ribbon.ts:20
stroke?	string	BaseElementState.stroke	core/src/context/types.ts:135
targetEnd	number	-	charts/src/elements/ribbon.ts:23
targetStart	number	-	charts/src/elements/ribbon.ts:22
textAlign?	TextAlignment	BaseElementState.textAlign	core/src/context/types.ts:136
textBaseline?	TextBaseline	BaseElementState.textBaseline	core/src/context/types.ts:137
transformOriginX?	TransformOrigin	BaseElementState.transformOriginX	core/src/context/types.ts:144
transformOriginY?	TransformOrigin	BaseElementState.transformOriginY	core/src/context/types.ts:145
transformScaleX?	number	BaseElementState.transformScaleX	core/src/context/types.ts:141
transformScaleY?	number	BaseElementState.transformScaleY	core/src/context/types.ts:142
translateX?	number	BaseElementState.translateX	core/src/context/types.ts:139
translateY?	number	BaseElementState.translateY	core/src/context/types.ts:140
zIndex?	number	BaseElementState.zIndex	core/src/context/types.ts:138