@nmmty/lazycanvas 0.3.6 → 0.5.0

package/dist/structures/components/LineLayer.js

@@ -2,32 +2,45 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LineLayer = void 0;
 const BaseLayer_1 = require("./BaseLayer");
-const enum_1 = require("../../types/enum");
+const types_1 = require("../../types");
 const LazyUtil_1 = require("../../utils/LazyUtil");
 const utils_1 = require("../../utils/utils");
-const Gradient_1 = require("../helpers/Gradient");
-const Pattern_1 = require("../helpers/Pattern");
+const helpers_1 = require("../helpers");
+/**
+ * Class representing a Line Layer, extending the BaseLayer class.
+ */
 class LineLayer extends BaseLayer_1.BaseLayer {
+    /**
+     * The properties of the Line Layer.
+     */
     props;
-    constructor(props) {
-        super(enum_1.LayerType.Line, props || {});
+    /**
+     * Constructs a new LineLayer instance.
+     * @param props {ILineLayerProps} - The properties of the Line Layer.
+     * @param misc {IBaseLayerMisc} - Miscellaneous options for the layer.
+     */
+    constructor(props, misc) {
+        super(types_1.LayerType.Line, props || {}, misc);
         this.props = props ? props : {};
         if (!this.props.fillStyle)
             this.props.fillStyle = '#000000';
-        this.props.centring = enum_1.Centring.None;
+        this.props.centring = types_1.Centring.None;
     }
     /**
-     * @description Sets the end point of the line layer. You can use `numbers`, `percentages`, `px`, `vw`, `vh`, `vmin`, `vmax`.
-     * @param x {ScaleType} - The end `x` of the line layer.
-     * @param y {ScaleType} - The end `y` of the line layer.
+     * Sets the end position of the line layer.
+     * @param x {ScaleType} - The x-coordinate of the end point.
+     * @param y {ScaleType} - The y-coordinate of the end point.
+     * @returns {this} The current instance for chaining.
      */
     setEndPosition(x, y) {
         this.props.endPoint = { x, y };
         return this;
     }
     /**
-     * @description Sets the color of the layer. You can use `hex`, `rgb`, `rgba`, `hsl`, `hsla`, and `Gradient`color.
-     * @param color {string} - The `color` of the layer.
+     * Sets the color of the line layer.
+     * @param color {ColorType} - The color of the line.
+     * @returns {this} The current instance for chaining.
+     * @throws {LazyError} If the color is not provided or invalid.
      */
     setColor(color) {
         if (!color)
@@ -35,7 +48,7 @@ class LineLayer extends BaseLayer_1.BaseLayer {
         if (!(0, utils_1.isColor)(color))
             throw new LazyUtil_1.LazyError('The color of the layer must be a valid color');
         let fill = (0, utils_1.parseColor)(color);
-        if (fill instanceof Gradient_1.Gradient || fill instanceof Pattern_1.Pattern) {
+        if (fill instanceof helpers_1.Gradient || fill instanceof helpers_1.Pattern) {
             this.props.fillStyle = fill;
         }
         else {
@@ -46,13 +59,14 @@ class LineLayer extends BaseLayer_1.BaseLayer {
         return this;
     }
     /**
-     * @description Sets the stroke of the layer.
-     * @param width {number} - The `width` of the stroke.
-     * @param cap {string} - The `cap` of the stroke.
-     * @param join {string} - The `join` of the stroke.
-     * @param dash {number[]} - The `dash` of the stroke.
-     * @param dashOffset {number} - The `dashOffset` of the stroke.
-     * @param miterLimit {number} - The `miterLimit` of the stroke.
+     * Sets the stroke properties of the line layer.
+     * @param width {number} - The width of the stroke.
+     * @param cap {CanvasLineCap} - The cap style of the stroke.
+     * @param join {CanvasLineJoin} - The join style of the stroke.
+     * @param dash {number[]} - The dash pattern of the stroke.
+     * @param dashOffset {number} - The dash offset of the stroke.
+     * @param miterLimit {number} - The miter limit of the stroke.
+     * @returns {this} The current instance for chaining.
      */
     setStroke(width, cap, join, dash, dashOffset, miterLimit) {
         this.props.stroke = {
@@ -65,6 +79,13 @@ class LineLayer extends BaseLayer_1.BaseLayer {
         };
         return this;
     }
+    /**
+     * Calculates the bounding box of the line layer.
+     * @param ctx {SKRSContext2D} - The canvas rendering context.
+     * @param canvas {Canvas | SvgCanvas} - The canvas instance.
+     * @param manager {LayersManager} - The layers manager.
+     * @returns {Object} The bounding box details including start and end points, width, and height.
+     */
     getBoundingBox(ctx, canvas, manager) {
         const parcer = (0, utils_1.parser)(ctx, canvas, manager);
         const { xs, ys, xe, ye } = parcer.parseBatch({
@@ -77,6 +98,13 @@ class LineLayer extends BaseLayer_1.BaseLayer {
         let height = ye - ys;
         return { xs, ys, xe, ye, width, height };
     }
+    /**
+     * Draws the line layer on the canvas.
+     * @param ctx {SKRSContext2D} - The canvas rendering context.
+     * @param canvas {Canvas | SvgCanvas} - The canvas instance.
+     * @param manager {LayersManager} - The layers manager.
+     * @param debug {boolean} - Whether to enable debug logging.
+     */
     async draw(ctx, canvas, manager, debug) {
         const parcer = (0, utils_1.parser)(ctx, canvas, manager);
         const { xs, ys, xe, ye } = parcer.parseBatch({
@@ -109,10 +137,19 @@ class LineLayer extends BaseLayer_1.BaseLayer {
         ctx.closePath();
         ctx.restore();
     }
+    /**
+     * Converts the Line Layer to a JSON representation.
+     * @returns {ILineLayer} The JSON representation of the Line Layer.
+     */
     toJSON() {
         let data = super.toJSON();
-        data.props = this.props;
-        return { ...data };
+        let copy = { ...this.props };
+        for (const key of ['x', 'y', 'endPoint.x', 'endPoint.y', 'fillStyle']) {
+            if (copy[key] && typeof copy[key] === 'object' && 'toJSON' in copy[key]) {
+                copy[key] = copy[key].toJSON();
+            }
+        }
+        return { ...data, props: copy };
     }
 }
 exports.LineLayer = LineLayer;

package/dist/structures/components/MorphLayer.d.ts

@@ -1,40 +1,128 @@
-import { BaseLayer } from "./BaseLayer";
-import { IMorphLayer, IMorphLayerProps, ColorType, ScaleType } from "../../types";
-import { Canvas, SKRSContext2D } from "@napi-rs/canvas";
+import { BaseLayer, IBaseLayer, IBaseLayerMisc, IBaseLayerProps } from "./BaseLayer";
+import { ColorType, ScaleType, LayerType } from "../../types";
+import { Canvas, SKRSContext2D, SvgCanvas } from "@napi-rs/canvas";
 import { LayersManager } from "../managers/LayersManager";
+/**
+ * Interface representing a Morph Layer.
+ */
+export interface IMorphLayer extends IBaseLayer {
+    /**
+     * The type of the layer, which is `Morph`.
+     */
+    type: LayerType.Morph;
+    /**
+     * The properties specific to the Morph Layer.
+     */
+    props: IMorphLayerProps;
+}
+/**
+ * Interface representing the properties of a Morph Layer.
+ */
+export interface IMorphLayerProps extends IBaseLayerProps {
+    /**
+     * The size of the Morph Layer, including width, height, and radius.
+     */
+    size: {
+        /**
+         * The width of the Morph Layer.
+         */
+        width: ScaleType;
+        /**
+         * The height of the Morph Layer.
+         */
+        height: ScaleType;
+        /**
+         * The radius of the Morph Layer.
+         */
+        radius: ScaleType;
+    };
+    /**
+     * The stroke properties of the morph.
+     */
+    stroke: {
+        /**
+         * The width of the stroke.
+         */
+        width: number;
+        /**
+         * The cap style of the stroke.
+         */
+        cap: CanvasLineCap;
+        /**
+         * The join style of the stroke.
+         */
+        join: CanvasLineJoin;
+        /**
+         * The dash offset of the stroke.
+         */
+        dashOffset: number;
+        /**
+         * The dash pattern of the stroke.
+         */
+        dash: number[];
+        /**
+         * The miter limit of the stroke.
+         */
+        miterLimit: number;
+    };
+}
+/**
+ * Class representing a Morph Layer, extending the BaseLayer class.
+ */
 export declare class MorphLayer extends BaseLayer<IMorphLayerProps> {
+    /**
+     * The properties of the Morph Layer.
+     */
     props: IMorphLayerProps;
-    constructor(props?: IMorphLayerProps);
     /**
-     * @description Sets size of the morph layer. You can use `numbers`, `percentages`, `px`, `vw`, `vh`, `vmin`, `vmax`.
-     * @param width {ScaleType} - The `width` of the morph layer.
-     * @param height {ScaleType} - The `height` of the morph layer.
-     * @param radius {ScaleType} - The `radius` of the morph layer. (optional)
+     * Constructs a new MorphLayer instance.
+     * @param props {IMorphLayerProps} - The properties of the Morph Layer.
+     * @param misc {IBaseLayerMisc} - Miscellaneous options for the layer.
+     */
+    constructor(props?: IMorphLayerProps, misc?: IBaseLayerMisc);
+    /**
+     * Sets the size of the Morph Layer.
+     * @param width {ScaleType} - The width of the Morph Layer.
+     * @param height {ScaleType} - The height of the Morph Layer.
+     * @param radius {ScaleType} - The radius of the Morph Layer (optional).
+     * @returns {this} The current instance for chaining.
      */
     setSize(width: ScaleType, height: ScaleType, radius?: ScaleType): this;
     /**
-     * @description Sets the color of the layer. You can use `hex`, `rgb`, `rgba`, `hsl`, `hsla`, and `Gradient`color.
-     * @param color {string} - The `color` of the layer.
+     * Sets the color of the Morph Layer.
+     * @param color {string} - The color of the Morph Layer.
+     * @returns {this} The current instance for chaining.
+     * @throws {LazyError} If the color is not provided or invalid.
      */
     setColor(color: ColorType): this;
     /**
-     * @description Sets the stroke of the layer.
-     * @param width {number} - The `width` of the stroke.
-     * @param cap {string} - The `cap` of the stroke.
-     * @param join {string} - The `join` of the stroke.
-     * @param dash {number[]} - The `dash` of the stroke.
-     * @param dashOffset {number} - The `dashOffset` of the stroke.
-     * @param miterLimit {number} - The `miterLimit` of the stroke.
+     * Sets the stroke properties of the Morph Layer.
+     * @param width {number} - The width of the stroke.
+     * @param cap {string} - The cap style of the stroke.
+     * @param join {string} - The join style of the stroke.
+     * @param dash {number[]} - The dash pattern of the stroke.
+     * @param dashOffset {number} - The dash offset of the stroke.
+     * @param miterLimit {number} - The miter limit of the stroke.
+     * @returns {this} The current instance for chaining.
      */
     setStroke(width: number, cap?: CanvasLineCap, join?: CanvasLineJoin, dash?: number[], dashOffset?: number, miterLimit?: number): this;
     /**
-     * @description Sets the fills of the layer. If `true` the layer will be filled, if `false` the layer will be stroked.
-     * @param filled {boolean} - The `filled` of the layer.
+     * Sets whether the Morph Layer should be filled or stroked.
+     * @param filled {boolean} - If true, the layer will be filled; otherwise, it will be stroked.
+     * @returns {this} The current instance for chaining.
      */
     setFilled(filled: boolean): this;
-    draw(ctx: SKRSContext2D, canvas: Canvas, manager: LayersManager, debug: boolean): Promise<void>;
     /**
-     * @returns {IMorphLayer}
+     * Draws the Morph Layer on the canvas.
+     * @param ctx {SKRSContext2D} - The canvas rendering context.
+     * @param canvas {Canvas | SvgCanvas} - The canvas instance.
+     * @param manager {LayersManager} - The layers manager.
+     * @param debug {boolean} - Whether to enable debug logging.
+     */
+    draw(ctx: SKRSContext2D, canvas: Canvas | SvgCanvas, manager: LayersManager, debug: boolean): Promise<void>;
+    /**
+     * Converts the Morph Layer to a JSON representation.
+     * @returns {IMorphLayer} The JSON representation of the Morph Layer.
      */
     toJSON(): IMorphLayer;
 }

package/dist/structures/components/MorphLayer.js

@@ -2,27 +2,38 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MorphLayer = void 0;
 const BaseLayer_1 = require("./BaseLayer");
-const enum_1 = require("../../types/enum");
+const types_1 = require("../../types");
 const utils_1 = require("../../utils/utils");
 const LazyUtil_1 = require("../../utils/LazyUtil");
-const Gradient_1 = require("../helpers/Gradient");
-const Pattern_1 = require("../helpers/Pattern");
+const helpers_1 = require("../helpers");
+/**
+ * Class representing a Morph Layer, extending the BaseLayer class.
+ */
 class MorphLayer extends BaseLayer_1.BaseLayer {
+    /**
+     * The properties of the Morph Layer.
+     */
     props;
-    constructor(props) {
-        super(enum_1.LayerType.Morph, props || {});
+    /**
+     * Constructs a new MorphLayer instance.
+     * @param props {IMorphLayerProps} - The properties of the Morph Layer.
+     * @param misc {IBaseLayerMisc} - Miscellaneous options for the layer.
+     */
+    constructor(props, misc) {
+        super(types_1.LayerType.Morph, props || {}, misc);
         this.props = props ? props : {};
         if (!this.props.fillStyle)
             this.props.fillStyle = '#000000';
         if (!this.props.filled && this.props.filled !== false)
             this.props.filled = true;
-        this.props.centring = enum_1.Centring.Center;
+        this.props.centring = types_1.Centring.Center;
     }
     /**
-     * @description Sets size of the morph layer. You can use `numbers`, `percentages`, `px`, `vw`, `vh`, `vmin`, `vmax`.
-     * @param width {ScaleType} - The `width` of the morph layer.
-     * @param height {ScaleType} - The `height` of the morph layer.
-     * @param radius {ScaleType} - The `radius` of the morph layer. (optional)
+     * Sets the size of the Morph Layer.
+     * @param width {ScaleType} - The width of the Morph Layer.
+     * @param height {ScaleType} - The height of the Morph Layer.
+     * @param radius {ScaleType} - The radius of the Morph Layer (optional).
+     * @returns {this} The current instance for chaining.
      */
     setSize(width, height, radius) {
         this.props.size = {
@@ -33,8 +44,10 @@ class MorphLayer extends BaseLayer_1.BaseLayer {
         return this;
     }
     /**
-     * @description Sets the color of the layer. You can use `hex`, `rgb`, `rgba`, `hsl`, `hsla`, and `Gradient`color.
-     * @param color {string} - The `color` of the layer.
+     * Sets the color of the Morph Layer.
+     * @param color {string} - The color of the Morph Layer.
+     * @returns {this} The current instance for chaining.
+     * @throws {LazyError} If the color is not provided or invalid.
      */
     setColor(color) {
         if (!color)
@@ -42,7 +55,7 @@ class MorphLayer extends BaseLayer_1.BaseLayer {
         if (!(0, utils_1.isColor)(color))
             throw new LazyUtil_1.LazyError('The color of the layer must be a valid color');
         let fill = (0, utils_1.parseColor)(color);
-        if (fill instanceof Gradient_1.Gradient || fill instanceof Pattern_1.Pattern) {
+        if (fill instanceof helpers_1.Gradient || fill instanceof helpers_1.Pattern) {
             this.props.fillStyle = fill;
         }
         else {
@@ -53,13 +66,14 @@ class MorphLayer extends BaseLayer_1.BaseLayer {
         return this;
     }
     /**
-     * @description Sets the stroke of the layer.
-     * @param width {number} - The `width` of the stroke.
-     * @param cap {string} - The `cap` of the stroke.
-     * @param join {string} - The `join` of the stroke.
-     * @param dash {number[]} - The `dash` of the stroke.
-     * @param dashOffset {number} - The `dashOffset` of the stroke.
-     * @param miterLimit {number} - The `miterLimit` of the stroke.
+     * Sets the stroke properties of the Morph Layer.
+     * @param width {number} - The width of the stroke.
+     * @param cap {string} - The cap style of the stroke.
+     * @param join {string} - The join style of the stroke.
+     * @param dash {number[]} - The dash pattern of the stroke.
+     * @param dashOffset {number} - The dash offset of the stroke.
+     * @param miterLimit {number} - The miter limit of the stroke.
+     * @returns {this} The current instance for chaining.
      */
     setStroke(width, cap, join, dash, dashOffset, miterLimit) {
         this.props.stroke = {
@@ -73,21 +87,29 @@ class MorphLayer extends BaseLayer_1.BaseLayer {
         return this;
     }
     /**
-     * @description Sets the fills of the layer. If `true` the layer will be filled, if `false` the layer will be stroked.
-     * @param filled {boolean} - The `filled` of the layer.
+     * Sets whether the Morph Layer should be filled or stroked.
+     * @param filled {boolean} - If true, the layer will be filled; otherwise, it will be stroked.
+     * @returns {this} The current instance for chaining.
      */
     setFilled(filled) {
         this.props.filled = filled;
         return this;
     }
+    /**
+     * Draws the Morph Layer on the canvas.
+     * @param ctx {SKRSContext2D} - The canvas rendering context.
+     * @param canvas {Canvas | SvgCanvas} - The canvas instance.
+     * @param manager {LayersManager} - The layers manager.
+     * @param debug {boolean} - Whether to enable debug logging.
+     */
     async draw(ctx, canvas, manager, debug) {
         const parcer = (0, utils_1.parser)(ctx, canvas, manager);
-        const { xs, ys, w, h } = parcer.parseBatch({
+        const { xs, ys, w } = parcer.parseBatch({
             xs: { v: this.props.x },
             ys: { v: this.props.y, options: LazyUtil_1.defaultArg.vl(true) },
             w: { v: this.props.size.width },
-            h: { v: this.props.size.height, options: LazyUtil_1.defaultArg.vl(true) },
         });
+        const h = parcer.parse(this.props.size.height, LazyUtil_1.defaultArg.wh(w), LazyUtil_1.defaultArg.vl(true));
         const r = parcer.parse(this.props.size.radius, LazyUtil_1.defaultArg.wh(w / 2, h / 2), LazyUtil_1.defaultArg.vl(false, true));
         let { x, y } = (0, utils_1.centring)(this.props.centring, this.type, w, h, xs, ys);
         let fillStyle = await (0, utils_1.parseFillStyle)(ctx, this.props.fillStyle);
@@ -127,12 +149,18 @@ class MorphLayer extends BaseLayer_1.BaseLayer {
         ctx.restore();
     }
     /**
-     * @returns {IMorphLayer}
+     * Converts the Morph Layer to a JSON representation.
+     * @returns {IMorphLayer} The JSON representation of the Morph Layer.
      */
     toJSON() {
         let data = super.toJSON();
-        data.props = this.props;
-        return { ...data };
+        let copy = { ...this.props };
+        for (const key of ['x', 'y', 'size.width', 'size.height', 'size.radius', 'fillStyle']) {
+            if (copy[key] && typeof copy[key] === 'object' && 'toJSON' in copy[key]) {
+                copy[key] = copy[key].toJSON();
+            }
+        }
+        return { ...data, props: copy };
     }
 }
 exports.MorphLayer = MorphLayer;

package/dist/structures/components/Path2DLayer.d.ts

@@ -0,0 +1,191 @@
+import { Path2D, PathOp, FillType, StrokeOptions, DOMMatrix2DInit, SKRSContext2D, Canvas, SvgCanvas } from "@napi-rs/canvas";
+import { AnyGlobalCompositeOperation, ColorType, Transform, LayerType, AnyFilter } from "../../types";
+import { IBaseLayerMisc } from "./BaseLayer";
+import { LayersManager } from "../managers/LayersManager";
+export interface IPath2DLayer {
+    id: string;
+    type: LayerType.Path;
+    zIndex: number;
+    visible: boolean;
+    props: IPath2DLayerProps;
+}
+export interface IPath2DLayerProps {
+    path2D: Path2D;
+    /**
+     * The filter effects applied to the layer.
+     */
+    filter: string;
+    /**
+     * The opacity of the layer, ranging from 0 to 1.
+     */
+    opacity: number;
+    /**
+     * Whether the layer is filled.
+     */
+    filled: boolean;
+    /**
+     * The fill style (color or pattern) of the layer.
+     */
+    fillStyle: ColorType;
+    /**
+     * The transformation properties of the layer.
+     */
+    transform: Transform;
+    /**
+     * The global composite operation applied to the layer.
+     */
+    globalComposite: AnyGlobalCompositeOperation;
+    /**
+     * The stroke properties of the Path2D.
+     */
+    stroke: {
+        /**
+         * The width of the stroke.
+         */
+        width: number;
+        /**
+         * The cap style of the stroke.
+         */
+        cap: CanvasLineCap;
+        /**
+         * The join style of the stroke.
+         */
+        join: CanvasLineJoin;
+        /**
+         * The dash offset of the stroke.
+         */
+        dashOffset: number;
+        /**
+         * The dash pattern of the stroke.
+         */
+        dash: number[];
+        /**
+         * The miter limit of the stroke.
+         */
+        miterLimit: number;
+    };
+    loadFromSVG: boolean;
+    clipPath: boolean;
+}
+export declare class Path2DLayer implements IPath2DLayer {
+    id: string;
+    type: LayerType.Path;
+    zIndex: number;
+    visible: boolean;
+    props: IPath2DLayerProps;
+    constructor(props?: IPath2DLayerProps, misc?: IBaseLayerMisc);
+    /**
+     * Sets the unique identifier of the layer.
+     *
+     * @param {string} id - The unique identifier.
+     * @returns {this} The current instance for chaining.
+     */
+    setID(id: string): this;
+    /**
+     * Sets the visibility of the layer.
+     * @param visible {boolean} - The visibility state of the layer.
+     * @returns {this} The current instance for chaining.
+     */
+    setVisible(visible: boolean): this;
+    /**
+     * Sets the z-index of the layer.
+     * @param zIndex {number} - The z-index value of the layer.
+     * @returns {this} The current instance for chaining.
+     */
+    setZIndex(zIndex: number): this;
+    /**
+     * Sets the global composite operation for the layer.
+     * @param {AnyGlobalCompositeOperation} operation - The composite operation.
+     * @returns {this} The current instance for chaining.
+     */
+    setGlobalCompositeOperation(operation: AnyGlobalCompositeOperation): this;
+    /**
+     * Sets the filter effects for the layer.
+     * @param {...AnyFilter} filter - The filter effects to apply.
+     * @returns {this} The current instance for chaining.
+     */
+    setFilters(...filter: AnyFilter[]): this;
+    /**
+     * Sets the transformation matrix of the layer.
+     * @param {DOMMatrix2DInit} matrix - The transformation matrix.
+     * @returns {this} The current instance for chaining.
+     */
+    setMatrix(matrix: DOMMatrix2DInit): this;
+    /**
+     * Sets the scale of the layer in the x and y directions.
+     * @param {number} x - The scale factor in the x direction.
+     * @param {number} y - The scale factor in the y direction.
+     * @returns {this} The current instance for chaining.
+     */
+    setScale(x: number, y: number): this;
+    /**
+     * Sets the translation of the layer in the x and y directions.
+     * @param {number} x - The translation in the x direction.
+     * @param {number} y - The translation in the y direction.
+     * @returns {this} The current instance for chaining.
+     */
+    setTranslate(x: number, y: number): this;
+    /**
+     * Sets the opacity of the layer.
+     * @param {number} opacity - The opacity value, between 0 and 1.
+     * @returns {this} The current instance for chaining.
+     */
+    setOpacity(opacity: number): this;
+    /**
+     * Sets the stroke properties of the Path2D Layer.
+     * @param width {number} - The width of the stroke.
+     * @param cap {string} - The cap style of the stroke.
+     * @param join {string} - The join style of the stroke.
+     * @param dash {number[]} - The dash pattern of the stroke.
+     * @param dashOffset {number} - The dash offset of the stroke.
+     * @param miterLimit {number} - The miter limit of the stroke.
+     * @returns {this} The current instance for chaining.
+     */
+    setStroke(width: number, cap?: CanvasLineCap, join?: CanvasLineJoin, dash?: number[], dashOffset?: number, miterLimit?: number): this;
+    /**
+     * Sets whether the Path2D Layer should be filled or stroked.
+     * @param filled {boolean} - If true, the layer will be filled; otherwise, it will be stroked.
+     * @returns {this} The current instance for chaining.
+     */
+    setFilled(filled: boolean): this;
+    /**
+     * Sets the color of the Path2D Layer.
+     * @param color {string} - The color of the Path2D Layer.
+     * @returns {this} The current instance for chaining.
+     * @throws {LazyError} If the color is not provided or invalid.
+     */
+    setColor(color: ColorType): this;
+    setPath(path: Path2D | string): this;
+    loadFromSVG(path: true): this;
+    setClipPath(clipPath: boolean): this;
+    toSVGString(): string;
+    addPath(path: Path2D, transform?: DOMMatrix2DInit | undefined): this;
+    arc(x: number, y: number, radius: number, startAngle: number, endAngle: number, anticlockwise?: boolean): this;
+    arcTo(x1: number, y1: number, x2: number, y2: number, radius: number): this;
+    bezierCurveTo(cp1x: number, cp1y: number, cp2x: number, cp2y: number, x: number, y: number): this;
+    closePath(): this;
+    ellipse(x: number, y: number, radiusX: number, radiusY: number, rotation: number, startAngle: number, endAngle: number, anticlockwise?: boolean): this;
+    lineTo(x: number, y: number): this;
+    moveTo(x: number, y: number): this;
+    quadraticCurveTo(cpx: number, cpy: number, x: number, y: number): this;
+    rect(x: number, y: number, width: number, height: number): this;
+    stroke(stroke?: StrokeOptions): this;
+    op(path: Path2D, op: PathOp): this;
+    getFillType(): FillType;
+    getFillTypeString(): string;
+    setFillType(fillType: FillType): this;
+    simplify(): this;
+    asWinding(): this;
+    transform(matrix: DOMMatrix2DInit): this;
+    getBounds(): [left: number, top: number, right: number, bottom: number];
+    computeTightBounds(): [left: number, top: number, right: number, bottom: number];
+    trim(start: number, end: number, isComplement?: boolean): this;
+    equals(path: Path2DLayer): boolean;
+    roundRect(x: number, y: number, width: number, height: number, radius: number): this;
+    draw(ctx: SKRSContext2D, canvas: Canvas | SvgCanvas, manager: LayersManager, debug: boolean): Promise<void>;
+    /**
+     * Converts the Path2D Layer to a JSON representation.
+     * @returns {IPath2DLayer} The JSON representation of the Path2D Layer.
+     */
+    toJSON(): IPath2DLayer;
+}