Interface LazyCanvasLayer

interface LazyCanvasLayer {
    align:
        | "left"
        | "center"
        | "right"
        | "start"
        | "end";
    alpha: number;
    angle: number;
    angles: number[];
    baseline:
        | "alphabetic"
        | "top"
        | "hanging"
        | "middle"
        | "ideographic"
        | "bottom";
    centering: "legacy" | "new";
    clockwise: boolean;
    color: string | Gradient | Pattern;
    controlPoint: {
        x: number;
        y: number;
    };
    controlPoints: {
        x: number;
        y: number;
    }[];
    direction: "ltr" | "rtl" | "inherit";
    fill: boolean;
    filter: Filter;
    font: string;
    globalComposite:
        | "color"
        | "source-over"
        | "source-in"
        | "source-out"
        | "source-atop"
        | "destination-over"
        | "destination-in"
        | "destination-out"
        | "destination-atop"
        | "lighter"
        | "copy"
        | "xor"
        | "multiply"
        | "screen"
        | "overlay"
        | "darken"
        | "lighten"
        | "color-dodge"
        | "color-burn"
        | "hard-light"
        | "soft-light"
        | "difference"
        | "exclusion"
        | "hue"
        | "saturation"
        | "luminosity";
    height: number;
    image: string | Uint8Array;
    lineDash: number[];
    multiline: boolean;
    outline: LazyCanvasOutline;
    points: {
        x: number;
        y: number;
    }[];
    radius: number;
    rotation: number;
    shadow: {
        shadowBlur: number;
        shadowColor: string | Gradient | Pattern;
        shadowOffsetX: number;
        shadowOffsetY: number;
    };
    sides: number;
    size: number;
    stroke: number;
    structureType: string;
    text: string;
    type: string;
    weight:
        | "normal"
        | "bold"
        | "italic"
        | "bold italic"
        | "regular"
        | "semi-bold"
        | "extra-bold"
        | "light"
        | "extra-light";
    width: number;
    x: number;
    y: number;
    toJSON(): LazyCanvasLayer;
}

Hierarchy

  • Arc
  • ArcTo
  • Base
  • Bezier
  • Circle
  • Ellipse
  • EllipseImage
  • Image
  • Line
  • Ngon
  • Quadratic
  • Rectangle
  • Square
  • Text
    • LazyCanvasLayer

Properties

align alpha angle angles baseline centering clockwise color controlPoint controlPoints direction fill filter font globalComposite height image lineDash multiline outline points radius rotation shadow sides size stroke structureType text type weight width x y

Methods

toJSON

Properties

align

align:
    | "left"
    | "center"
    | "right"
    | "start"
    | "end"

alpha

alpha: number

angle

angle: number

angles

angles: number[]

baseline

baseline:
    | "alphabetic"
    | "top"
    | "hanging"
    | "middle"
    | "ideographic"
    | "bottom"

centering

centering: "legacy" | "new"

clockwise

clockwise: boolean

color

color: string | Gradient | Pattern

controlPoint

controlPoint: {
    x: number;
    y: number;
}

controlPoints

controlPoints: {
    x: number;
    y: number;
}[]

direction

direction: "ltr" | "rtl" | "inherit"

fill

fill: boolean

filter

filter: Filter

font

font: string

globalComposite

globalComposite:
    | "color"
    | "source-over"
    | "source-in"
    | "source-out"
    | "source-atop"
    | "destination-over"
    | "destination-in"
    | "destination-out"
    | "destination-atop"
    | "lighter"
    | "copy"
    | "xor"
    | "multiply"
    | "screen"
    | "overlay"
    | "darken"
    | "lighten"
    | "color-dodge"
    | "color-burn"
    | "hard-light"
    | "soft-light"
    | "difference"
    | "exclusion"
    | "hue"
    | "saturation"
    | "luminosity"

height

height: number

image

image: string | Uint8Array

lineDash

lineDash: number[]

multiline

multiline: boolean

outline

outline: LazyCanvasOutline

points

points: {
    x: number;
    y: number;
}[]

radius

radius: number

rotation

rotation: number

shadow

shadow: {
    shadowBlur: number;
    shadowColor: string | Gradient | Pattern;
    shadowOffsetX: number;
    shadowOffsetY: number;
}

sides

sides: number

size

size: number

stroke

stroke: number

structureType

structureType: string

text

text: string

type

type: string

weight

weight:
    | "normal"
    | "bold"
    | "italic"
    | "bold italic"
    | "regular"
    | "semi-bold"
    | "extra-bold"
    | "light"
    | "extra-light"

width

width: number

x

x: number

y

y: number

Methods

toJSON

Settings

Member Visibility

On This Page

Properties
Methods