KnotProps
interface
KnotProps
extends
NodeProps
Properties
auto
How much to blend between the user-provided handles and the auto-calculatedhandles.
This property has no effect if no explicit handles are provided for theknot.
cache
cache
?:
SignalValue
boolean
NodeProps.cache
cachePadding
Controls the padding of the cached canvas used by this node.
By default, the size of the cache is determined based on the bounding boxof the node and its children. That includes effects such as stroke orshadow. This property can be used to expand the cache area further.Usually used to account for custom effects created by
shaders
.
NodeProps.cachePadding
cachePaddingBottom
cachePaddingBottom
?:
SignalValue
number
Controls the padding of the cached canvas used by this node.
By default, the size of the cache is determined based on the bounding boxof the node and its children. That includes effects such as stroke orshadow. This property can be used to expand the cache area further.Usually used to account for custom effects created by
shaders
.
NodeProps.cachePaddingBottom
cachePaddingLeft
cachePaddingLeft
?:
SignalValue
number
Controls the padding of the cached canvas used by this node.
By default, the size of the cache is determined based on the bounding boxof the node and its children. That includes effects such as stroke orshadow. This property can be used to expand the cache area further.Usually used to account for custom effects created by
shaders
.
NodeProps.cachePaddingLeft
cachePaddingRight
cachePaddingRight
?:
SignalValue
number
Controls the padding of the cached canvas used by this node.
By default, the size of the cache is determined based on the bounding boxof the node and its children. That includes effects such as stroke orshadow. This property can be used to expand the cache area further.Usually used to account for custom effects created by
shaders
.
NodeProps.cachePaddingRight
cachePaddingTop
cachePaddingTop
?:
SignalValue
number
Controls the padding of the cached canvas used by this node.
By default, the size of the cache is determined based on the bounding boxof the node and its children. That includes effects such as stroke orshadow. This property can be used to expand the cache area further.Usually used to account for custom effects created by
shaders
.
NodeProps.cachePaddingTop
children
Inherited from
NodeProps.children
composite
composite
?:
SignalValue
boolean
NodeProps.composite
compositeOperation
compositeOperation
?:
SignalValue
GlobalCompositeOperation
NodeProps.compositeOperation
endHandle
endHandle
?:
SignalValue
PossibleVector2
number
The position of the knot's end handle. The position is provided relativeto the knot's position.
By default, the position of the end handle will be the mirrored positionof the
startHandle
.
If neither an end handle nor a start handle is provided, the positions ofthe handles gets calculated automatically to create smooth curve throughthe knot. The smoothness of the resulting curve can be controlled via the
smoothness
property.
It is also possible to blend between a user-defined position and theauto-calculated position by using the
auto
property.
endHandleAuto
endHandleAuto
?:
SignalValue
number
filters
filters
?:
SignalValue
Filter
[]
NodeProps.filters
key
key
?:
string
NodeProps.key
opacity
opacity
?:
SignalValue
number
NodeProps.opacity
position
position
?:
SignalValue
PossibleVector2
number
NodeProps.position
ref
ref
?:
ReferenceReceiver
any
NodeProps.ref
rotation
rotation
?:
SignalValue
number
NodeProps.rotation
scale
scale
?:
SignalValue
PossibleVector2
number
NodeProps.scale
scaleX
scaleX
?:
SignalValue
number
NodeProps.scaleX
scaleY
scaleY
?:
SignalValue
number
NodeProps.scaleY
shaders
shaders
?:
PossibleShaderConfig
NodeProps.shaders
shadowBlur
shadowBlur
?:
SignalValue
number
NodeProps.shadowBlur
shadowColor
Inherited from
NodeProps.shadowColor
shadowOffset
shadowOffset
?:
SignalValue
PossibleVector2
number
NodeProps.shadowOffset
shadowOffsetX
shadowOffsetX
?:
SignalValue
number
NodeProps.shadowOffsetX
shadowOffsetY
shadowOffsetY
?:
SignalValue
number
NodeProps.shadowOffsetY
skew
skew
?:
SignalValue
PossibleVector2
number
NodeProps.skew
skewX
skewX
?:
SignalValue
number
NodeProps.skewX
skewY
skewY
?:
SignalValue
number
NodeProps.skewY
spawner
Deprecated
Use
children
instead.
NodeProps.spawner
startHandle
startHandle
?:
SignalValue
PossibleVector2
number
The position of the knot's start handle. The position is provided relativeto the knot's position.
By default, the position of the start handle will be the mirrored positionof the
endHandle
.
If neither an end handle nor a start handle is provided, the positions ofthe handles gets calculated automatically to create smooth curve throughthe knot. The smoothness of the resulting curve can be controlled via the
smoothness
property.
It is also possible to blend between a user-defined position and theauto-calculated position by using the
auto
property.
startHandleAuto
startHandleAuto
?:
SignalValue
number
x
x
?:
SignalValue
number
NodeProps.x
y
y
?:
SignalValue
number
NodeProps.y
zIndex
zIndex
?:
SignalValue
number
NodeProps.zIndex