Arrow
Draw an arrow on the canvas
The Arrow node is a simple, versatile primitive shape used to render arrow elements on the canvas. Built on top of Konva’s Arrow, it supports customizable properties such as position, several segments, fill color, stroke and more.
They can also respond to interactions like dragging, resizing, or selection.
Usage
Register the Node
Then register the node on the Weave class instance.
const instance = new Weave({
...
nodes: [
...,
new WeaveArrowNode(),
]
})Use the node
Once the node is registered you can use it on Actions or Plugins or even other Nodes.
We provide an action named Arrow Tool that allows users to add Arrow nodes to the application.