Weave.js
prerelease Prerelease 5.2.2 Latest 5.2.1
↑↓ navigate · ↵ select · esc close
Weave.js
Weave.js
prerelease Prerelease 5.2.2 Latest 5.2.1

Stroke Single

Draw a single-stroke line on the canvas

Single stroke on Weave.js showcase

The Single Stroke node represents a customizable straight single-segment line on the canvas. It supports features like stroke color, width, dash patterns, and the possibility to define the line tips as: arrow, circle or square.

Usage

Import the Node

Start by importing the node:

import { WeaveStrokeSingleNode } from "@inditextech/weave-sdk";

Register the Node

Then register the node on the Weave class instance.

const instance = new Weave({
  ...
  nodes: [
    ...,
    new WeaveStrokeSingleNode(), (1)
  ]
})
1 Added in this step.

Use the node

Once the node is registered you can use it on Actions or Plugins or even other Nodes.

We provide a single action:

  • Stroke Tool that allows users to add single-stroke nodes, to the application by click-and-drag.