Class FlowterNodeRendererMixin

The Flowter node's renderer mixin. This mixin extends the props.

Hierarchy

FlowterNodePropsMixin<this> & Vue<this> & object & object
- FlowterNodeRendererMixin

Index

Properties

Accessors

Properties

margin

margin: number = DEFAULT_STROKE_WIDTH / 2

The margin to account for the stroke width.

This is to make the node always renders inside the container, regardless of the stroke width.

strokeWidth

strokeWidth: 2 = DEFAULT_STROKE_WIDTH

The default stroke width.

todo: This should be configurable.

Accessors

halfHeight

get halfHeight(): number

- Defined in src/components/flowter-node/mixins/flowter-node-renderer.ts:76
Half of the node's height.

Returns number

halfWidth

get halfWidth(): number

- Defined in src/components/flowter-node/mixins/flowter-node-renderer.ts:69
Half of the node's width.

Returns number

nodeCenter

get nodeCenter(): object

- Defined in src/components/flowter-node/mixins/flowter-node-renderer.ts:83
The center of the node, with margin taken into account.

Returns object
- x: number
- y: number

nodeStyle

get nodeStyle(): Record<string, string>

- Defined in src/components/flowter-node/mixins/flowter-node-renderer.ts:46
The node's CSS style.

Returns Record<string, string>

viewBox

get viewBox(): string

- Defined in src/components/flowter-node/mixins/flowter-node-renderer.ts:62
The node's svg viewbox.

This is solely based on node's width and height.

Returns string

Generated using TypeDoc