WeaveStarNode

Overview

The WeaveStarNode class represents a basic star shape within the Weave.js canvas.

Built on top of Konva’s Star class shape under the hood, the WeaveStarNode offers a simple yet powerful primitive that supports full interaction, styling, and real-time synchronization.

The class extends the WeaveNode class

Type

This node nodeType property value is star.

Import

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

Instantiation

new WeaveStarNode(params?: WeaveStarNodeParams);

TypeScript types

type WeaveNodeTransformerProperties = Konva.TransformerConfig;

type WeaveStarProperties = {
  transform: WeaveNodeTransformerProperties;
};

type WeaveStarNodeParams = {
  config: Partial<WeaveStarProperties>;
};

Parameters

For WeaveStarNodeParams:

Prop	Type	Default
`config`	`Partial<WeaveStarProperties>`	-

For WeaveStarProperties:

Prop	Type	Default
`transform?`	`object`	`check default values`

Default values

const WEAVE_TRANSFORMER_ANCHORS = {
  ["TOP_LEFT"]: "top-left",
  ["TOP_CENTER"]: "top-center",
  ["TOP_RIGHT"]: "top-right",
  ["MIDDLE_RIGHT"]: "middle-right",
  ["MIDDLE_LEFT"]: "middle-left",
  ["BOTTOM_LEFT"]: "bottom-left",
  ["BOTTOM_CENTER"]: "bottom-center",
  ["BOTTOM_RIGHT"]: "bottom-right",
};

const WEAVE_DEFAULT_ENABLED_ANCHORS: string[] = Object.values(
  WEAVE_TRANSFORMER_ANCHORS
);

const WEAVE_DEFAULT_TRANSFORM_PROPERTIES: WeaveNodeTransformerProperties = {
  rotateEnabled: true,
  resizeEnabled: true,
  enabledAnchors: WEAVE_DEFAULT_ENABLED_ANCHORS,
  borderStrokeWidth: 3,
  padding: 0,
};