components_Graphics
perfect-graph / Modules / components/Graphics
Module: components/Graphics#
Table of contents#
Type aliases#
Variables#
Functions#
Type aliases#
GraphicsProps#
Ƭ GraphicsProps: Object
Defined in#
components/Graphics/index.tsx:17
Variables#
Graphics#
• Graphics: FC<IGraphics> = ReactPIXIGraphics
Defined in#
components/Graphics/index.tsx:332
Functions#
drawGraphics#
â–¸ Const drawGraphics(instance, props): void
Parameters#
| Name | Type |
|---|---|
instance | Graphics |
props | Object |
props.alpha? | number |
props.fill? | number |
props.height? | number |
props.lineFill? | number |
props.lineWidth? | number |
props.radius? | number |
props.width? | number |
Returns#
void
Defined in#
components/Graphics/index.tsx:274
drawLine#
â–¸ Const drawLine(config): void
It draws the line with the given config for graphics.
Parameters#
| Name | Type |
|---|---|
config | Object |
config.alpha? | number |
config.arrowHead? | Object |
config.arrowHead.radius? | number |
config.config | EdgeConfig |
config.directed? | boolean |
config.distance? | number |
config.distanceVector | Position |
config.fill? | number |
config.from | BoundingBox |
config.graphics | Graphics |
config.margin? | Position |
config.normVector | Position |
config.sourceElement | NodeSingular |
config.targetElement | NodeSingular |
config.to | BoundingBox |
config.type? | "bezier" | "segments" | "straight" |
config.undirectedNormVector | Victor |
config.undirectedUnitVector | Position |
config.unitVector | Victor |
config.width? | number |
Returns#
void