Weave.js

WeaveLineToolAction

Add a simple line to the canvas

Overview

The WeaveLineToolAction class that allows users to draw a precise, vector-based line by click-and-drag to define the line.

The line becomes a WeaveLineNode, synced in real time across all collaborators.

The class extends the WeaveAction class.

Name

This action name property value is lineTool.

Import

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

Instantiation

new WeaveLineToolAction(params?: WeaveLineToolActionParams);

TypeScript types

type WeaveLineToolActionProperties = {
  snapAngles: {
    angles: number[]; // Angles for snapping in degrees
    activateThreshold: number;
    releaseThreshold: number;
  };
};

type WeaveLineToolActionParams = {
  config: Partial<WeaveLineToolActionProperties>;
};

Parameters

For WeaveLineToolActionParams:

PropTypeDefault
config
Partial<WeaveLineToolActionProperties>
-

For WeaveLineToolActionProperties:

PropTypeDefault
snapAngles.releaseThreshold?
number
10
snapAngles.activateThreshold?
number
5
snapAngles.angles?
number
10

Default values

const LINE_TOOL_DEFAULT_CONFIG = {
  snapAngles: {
    angles: [0, 45, 90, 135, 180, 225, 270, 315],
    activateThreshold: 5,
    releaseThreshold: 10,
  },
};