@nmmty/lazycanvas 0.2.0 → 0.3.0

package/dist/index.d.ts

@@ -2,13 +2,15 @@ import { LazyCanvas } from "./structures/LazyCanvas";
 import { ImageLayer } from "./structures/components/ImageLayer";
 import { MorphLayer } from "./structures/components/MorphLayer";
 import { TextLayer } from "./structures/components/TextLayer";
+import { BezierLayer } from "./structures/components/BezierLayer";
+import { QuadraticLayer } from "./structures/components/QuadraticLayer";
 import { BaseLayer } from "./structures/components/BaseLayer";
 import { Group } from "./structures/components/Group";
 import { LayerType, LayerScaleType, LineCap, LineJoin, TextAlign, TextDirection, TextBaseline, FontWeight, Export, Centring, PatternType, SaveFormat, GradientType } from "./types/enum";
-import type { AnyLayer, ScaleType, ColorType, IFont, IFonts, IGradient, IPattern, IImageLayer, IImageLayerProps, IMorphLayer, IMorphLayerProps, ITextLayer, ITextLayerProps, IBaseLayer, IBaseLayerProps, IGroup } from "./types";
+import type { AnyLayer, ScaleType, ColorType, IFont, IFonts, IGradient, IPattern, IImageLayer, IImageLayerProps, IMorphLayer, IMorphLayerProps, ITextLayer, ITextLayerProps, IBezierLayer, IBezierLayerProps, IQuadraticLayer, IQuadraticLayerProps, IBaseLayer, IBaseLayerProps, IGroup } from "./types";
 import { Font } from "./structures/helpers/Font";
 import { Gradient } from "./structures/helpers/Gradient";
 import { Pattern } from "./structures/helpers/Pattern";
 import { saveFile } from "./utils/utils";
 import { Filters } from "./helpers/filters";
-export { LazyCanvas, ImageLayer, MorphLayer, TextLayer, BaseLayer, Group, Font, Gradient, Pattern, LayerScaleType, LayerType, FontWeight, GradientType, Export, LineCap, LineJoin, TextAlign, TextDirection, TextBaseline, SaveFormat, Centring, PatternType, saveFile, Filters, IFont, IFonts, IGradient, IPattern, IImageLayer, IImageLayerProps, IMorphLayer, IMorphLayerProps, ITextLayer, ITextLayerProps, IBaseLayer, IBaseLayerProps, IGroup, AnyLayer, ScaleType, ColorType, };
+export { LazyCanvas, ImageLayer, MorphLayer, TextLayer, BezierLayer, QuadraticLayer, BaseLayer, Group, Font, Gradient, Pattern, LayerScaleType, LayerType, FontWeight, GradientType, Export, LineCap, LineJoin, TextAlign, TextDirection, TextBaseline, SaveFormat, Centring, PatternType, saveFile, Filters, IFont, IFonts, IGradient, IPattern, IImageLayer, IImageLayerProps, IMorphLayer, IMorphLayerProps, ITextLayer, ITextLayerProps, IBaseLayer, IBaseLayerProps, IBezierLayer, IBezierLayerProps, IQuadraticLayer, IQuadraticLayerProps, IGroup, AnyLayer, ScaleType, ColorType, };

package/dist/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Filters = exports.saveFile = exports.PatternType = exports.Centring = exports.SaveFormat = exports.TextBaseline = exports.TextDirection = exports.TextAlign = exports.LineJoin = exports.LineCap = exports.Export = exports.GradientType = exports.FontWeight = exports.LayerType = exports.LayerScaleType = exports.Pattern = exports.Gradient = exports.Font = exports.Group = exports.BaseLayer = exports.TextLayer = exports.MorphLayer = exports.ImageLayer = exports.LazyCanvas = void 0;
+exports.Filters = exports.saveFile = exports.PatternType = exports.Centring = exports.SaveFormat = exports.TextBaseline = exports.TextDirection = exports.TextAlign = exports.LineJoin = exports.LineCap = exports.Export = exports.GradientType = exports.FontWeight = exports.LayerType = exports.LayerScaleType = exports.Pattern = exports.Gradient = exports.Font = exports.Group = exports.BaseLayer = exports.QuadraticLayer = exports.BezierLayer = exports.TextLayer = exports.MorphLayer = exports.ImageLayer = exports.LazyCanvas = void 0;
 const LazyCanvas_1 = require("./structures/LazyCanvas");
 Object.defineProperty(exports, "LazyCanvas", { enumerable: true, get: function () { return LazyCanvas_1.LazyCanvas; } });
 const ImageLayer_1 = require("./structures/components/ImageLayer");
@@ -9,6 +9,10 @@ const MorphLayer_1 = require("./structures/components/MorphLayer");
 Object.defineProperty(exports, "MorphLayer", { enumerable: true, get: function () { return MorphLayer_1.MorphLayer; } });
 const TextLayer_1 = require("./structures/components/TextLayer");
 Object.defineProperty(exports, "TextLayer", { enumerable: true, get: function () { return TextLayer_1.TextLayer; } });
+const BezierLayer_1 = require("./structures/components/BezierLayer");
+Object.defineProperty(exports, "BezierLayer", { enumerable: true, get: function () { return BezierLayer_1.BezierLayer; } });
+const QuadraticLayer_1 = require("./structures/components/QuadraticLayer");
+Object.defineProperty(exports, "QuadraticLayer", { enumerable: true, get: function () { return QuadraticLayer_1.QuadraticLayer; } });
 const BaseLayer_1 = require("./structures/components/BaseLayer");
 Object.defineProperty(exports, "BaseLayer", { enumerable: true, get: function () { return BaseLayer_1.BaseLayer; } });
 const Group_1 = require("./structures/components/Group");

package/dist/structures/LazyCanvas.d.ts

@@ -1,5 +1,5 @@
 import { Export } from "../types/enum";
-import { IFonts, ILazyCanvas } from "../types";
+import { ILazyCanvas } from "../types";
 import { Canvas, SKRSContext2D, SvgExportFlag } from "@napi-rs/canvas";
 import { LayersManager } from "./managers/LayersManager";
 import { RenderManager } from "./managers/RenderManager";
@@ -13,20 +13,12 @@ export declare class LazyCanvas implements ILazyCanvas {
     render: RenderManager;
     fonts: FontsManager;
     exportType: Export;
-    constructor();
+    constructor(debug?: boolean);
     /**
      * Set the export type
      * @param type {Export} - The `export` type
      */
     setExportType(type: Export): this;
-    /**
-     * Replace base fonts with custom fonts by special file.
-     * Use this method before loading fonts by `FontManager`.
-     * The file should be generated by the following instructions:
-     * @see https://github.com/NMMTY/LazyCanvas/blob/main/scripts/FontsGenerate.md
-     * @param fonts {IFonts[]} - The `fonts` to set
-     */
-    setFonts(fonts: IFonts): this;
     /**
      * Set the SVG export flag. This method should be called after `setExportType` method.
      * @param flag {SvgExportFlag} - The `flag` of the SVG export

package/dist/structures/LazyCanvas.js

@@ -15,14 +15,14 @@ class LazyCanvas {
     render;
     fonts;
     exportType;
-    constructor() {
+    constructor(debug = false) {
         this.width = 0;
         this.height = 0;
         this.canvas = new canvas_1.Canvas(0, 0);
         this.ctx = this.canvas.getContext('2d');
-        this.layers = new LayersManager_1.LayersManager();
-        this.render = new RenderManager_1.RenderManager(this);
-        this.fonts = new FontsManager_1.FontsManager();
+        this.layers = new LayersManager_1.LayersManager(debug);
+        this.render = new RenderManager_1.RenderManager(this, debug);
+        this.fonts = new FontsManager_1.FontsManager(debug);
         this.exportType = enum_1.Export.Buffer;
     }
     /**
@@ -45,17 +45,6 @@ class LazyCanvas {
         }
         return this;
     }
-    /**
-     * Replace base fonts with custom fonts by special file.
-     * Use this method before loading fonts by `FontManager`.
-     * The file should be generated by the following instructions:
-     * @see https://github.com/NMMTY/LazyCanvas/blob/main/scripts/FontsGenerate.md
-     * @param fonts {IFonts[]} - The `fonts` to set
-     */
-    setFonts(fonts) {
-        this.fonts = new FontsManager_1.FontsManager(fonts);
-        return this;
-    }
     /**
      * Set the SVG export flag. This method should be called after `setExportType` method.
      * @param flag {SvgExportFlag} - The `flag` of the SVG export

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

@@ -0,0 +1,41 @@
+import { BaseLayer } from "./BaseLayer";
+import { ColorType, IBezierLayer, IBezierLayerProps, ScaleType } from "../../types";
+import { Canvas, SKRSContext2D } from "@napi-rs/canvas";
+export declare class BezierLayer extends BaseLayer<IBezierLayerProps> {
+    props: IBezierLayerProps;
+    constructor(props?: IBezierLayerProps);
+    /**
+     * @description Sets the control points of the bezier layer. You can use `numbers`, `percentages`, `px`, `vw`, `vh`, `vmin`, `vmax`.
+     * @param controlPoints {Array<{ x: ScaleType, y: ScaleType }>} - The `controlPoints` of the bezier layer.
+     */
+    setControlPoints(...controlPoints: {
+        x: ScaleType;
+        y: ScaleType;
+    }[]): this;
+    /**
+     * @description Sets the end point of the bezier layer. You can use `numbers`, `percentages`, `px`, `vw`, `vh`, `vmin`, `vmax`.
+     * @param x {ScaleType} - The end `x` of the bezier layer.
+     * @param y {ScaleType} - The end `y` of the bezier layer.
+     */
+    setEndPoint(x: ScaleType, y: 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.
+     */
+    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.
+     */
+    setStroke(width: number, cap?: CanvasLineCap, join?: CanvasLineJoin, dash?: number[], dashOffset?: number, miterLimit?: number): this;
+    draw(ctx: SKRSContext2D, canvas: Canvas, debug: boolean): Promise<void>;
+    /**
+     * @returns {IBezierLayer}
+     */
+    toJSON(): IBezierLayer;
+}

package/dist/structures/components/BezierLayer.js

@@ -0,0 +1,119 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BezierLayer = void 0;
+const BaseLayer_1 = require("./BaseLayer");
+const enum_1 = require("../../types/enum");
+const utils_1 = require("../../utils/utils");
+const LazyUtil_1 = require("../../utils/LazyUtil");
+const Gradient_1 = require("../helpers/Gradient");
+const Pattern_1 = require("../helpers/Pattern");
+class BezierLayer extends BaseLayer_1.BaseLayer {
+    props;
+    constructor(props) {
+        super(enum_1.LayerType.BezierCurve, props);
+        this.props = props ? props : {};
+        if (!this.props.fillStyle)
+            this.props.fillStyle = '#000000';
+        this.props.centring = enum_1.Centring.None;
+    }
+    /**
+     * @description Sets the control points of the bezier layer. You can use `numbers`, `percentages`, `px`, `vw`, `vh`, `vmin`, `vmax`.
+     * @param controlPoints {Array<{ x: ScaleType, y: ScaleType }>} - The `controlPoints` of the bezier layer.
+     */
+    setControlPoints(...controlPoints) {
+        if (controlPoints.length !== 2)
+            throw new LazyUtil_1.LazyError('The control points of the layer must be provided');
+        this.props.controlPoints = controlPoints.flat();
+        return this;
+    }
+    /**
+     * @description Sets the end point of the bezier layer. You can use `numbers`, `percentages`, `px`, `vw`, `vh`, `vmin`, `vmax`.
+     * @param x {ScaleType} - The end `x` of the bezier layer.
+     * @param y {ScaleType} - The end `y` of the bezier layer.
+     */
+    setEndPoint(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.
+     */
+    setColor(color) {
+        if (!color)
+            throw new LazyUtil_1.LazyError('The color of the layer must be provided');
+        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) {
+            this.props.fillStyle = fill;
+        }
+        else {
+            let arr = fill.split(':');
+            this.props.fillStyle = arr[0];
+            this.props.opacity = parseFloat(arr[1]) || 1;
+        }
+        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.
+     */
+    setStroke(width, cap, join, dash, dashOffset, miterLimit) {
+        this.props.stroke = {
+            width,
+            cap: cap || 'butt',
+            join: join || 'miter',
+            dash: dash || [],
+            dashOffset: dashOffset || 0,
+            miterLimit: miterLimit || 10,
+        };
+        return this;
+    }
+    async draw(ctx, canvas, debug) {
+        const xs = (0, utils_1.parseToNormal)(this.props.x, canvas);
+        const ys = (0, utils_1.parseToNormal)(this.props.y, canvas, { width: 0, height: 0 }, { vertical: true });
+        const cp1x = (0, utils_1.parseToNormal)(this.props.controlPoints[0].x, canvas);
+        const cp1y = (0, utils_1.parseToNormal)(this.props.controlPoints[0].y, canvas, { width: 0, height: 0 }, { vertical: true });
+        const cp2x = (0, utils_1.parseToNormal)(this.props.controlPoints[1].x, canvas);
+        const cp2y = (0, utils_1.parseToNormal)(this.props.controlPoints[1].y, canvas, { width: 0, height: 0 }, { vertical: true });
+        const xe = (0, utils_1.parseToNormal)(this.props.endPoint.x, canvas);
+        const ye = (0, utils_1.parseToNormal)(this.props.endPoint.y, canvas, { width: 0, height: 0 }, { vertical: true });
+        const { max, min, center, width, height } = (0, utils_1.getBoundingBoxBezier)([{ x: xs, y: ys }, { x: cp1x, y: cp1y }, { x: cp2x, y: cp2y }, { x: xe, y: ye }]);
+        let fillStyle = await (0, utils_1.parseFillStyle)(ctx, this.props.fillStyle);
+        if (debug)
+            LazyUtil_1.LazyLog.log('none', `BezierLayer:`, { xs, ys, cp1x, cp1y, cp2x, cp2y, xe, ye, max, min, center, width, height, fillStyle });
+        ctx.save();
+        (0, utils_1.transform)(ctx, this.props.transform, { x: center.x, y: center.y, width, height, type: this.type });
+        (0, utils_1.drawShadow)(ctx, this.props.shadow);
+        (0, utils_1.opacity)(ctx, this.props.opacity);
+        (0, utils_1.filters)(ctx, this.props.filter);
+        ctx.beginPath();
+        ctx.moveTo(xs, ys);
+        ctx.strokeStyle = fillStyle;
+        ctx.lineWidth = this.props.stroke?.width || 1;
+        ctx.lineCap = this.props.stroke?.cap || 'butt';
+        ctx.lineJoin = this.props.stroke?.join || 'miter';
+        ctx.miterLimit = this.props.stroke?.miterLimit || 10;
+        ctx.lineDashOffset = this.props.stroke?.dashOffset || 0;
+        ctx.setLineDash(this.props.stroke?.dash || []);
+        ctx.bezierCurveTo(cp1x, cp1y, cp2x, cp2y, xe, ye);
+        ctx.stroke();
+        ctx.closePath();
+        ctx.restore();
+    }
+    /**
+     * @returns {IBezierLayer}
+     */
+    toJSON() {
+        let data = super.toJSON();
+        data.props = this.props;
+        return { ...data };
+    }
+}
+exports.BezierLayer = BezierLayer;

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

@@ -47,4 +47,5 @@ export declare class Group implements IGroup {
      * Get the length of the components
      */
     get length(): number;
+    toJSON(): IGroup;
 }

package/dist/structures/components/Group.js

@@ -83,5 +83,13 @@ class Group {
     get length() {
         return this.components.length;
     }
+    toJSON() {
+        return {
+            id: this.id,
+            visible: this.visible,
+            zIndex: this.zIndex,
+            components: this.components.map(c => c.toJSON())
+        };
+    }
 }
 exports.Group = Group;

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

@@ -16,7 +16,7 @@ export declare class ImageLayer extends BaseLayer<IImageLayerProps> {
      * @param radius {ScaleType} - The `radius` of the image. (optional)
      */
     setSize(width: ScaleType, height: ScaleType, radius?: ScaleType): this;
-    draw(ctx: SKRSContext2D, canvas: Canvas): Promise<void>;
+    draw(ctx: SKRSContext2D, canvas: Canvas, debug: boolean): Promise<void>;
     /**
      * @returns {IImageLayer}
      */

package/dist/structures/components/ImageLayer.js

@@ -61,13 +61,15 @@ class ImageLayer extends BaseLayer_1.BaseLayer {
         };
         return this;
     }
-    async draw(ctx, canvas) {
+    async draw(ctx, canvas, debug) {
         let xs = (0, utils_1.parseToNormal)(this.props.x, canvas);
         let ys = (0, utils_1.parseToNormal)(this.props.y, canvas, { width: 0, height: 0 }, { vertical: true });
         let w = (0, utils_1.parseToNormal)(this.props.size.width, canvas);
         let h = (0, utils_1.parseToNormal)(this.props.size.height, canvas, { width: w, height: 0 }, { vertical: true });
         let r = (0, utils_1.parseToNormal)(this.props.size.radius, canvas, { width: w, height: h }, { layer: true });
         let { x, y } = (0, utils_1.centring)(this.props.centring, this.type, w, h, xs, ys);
+        if (debug)
+            LazyUtil_1.LazyLog.log('none', `ImageLayer:`, { x, y, w, h, r });
         ctx.save();
         (0, utils_1.transform)(ctx, this.props.transform, { width: w, height: h, x, y, type: this.type });
         (0, utils_1.drawShadow)(ctx, this.props.shadow);

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

@@ -31,7 +31,7 @@ export declare class MorphLayer extends BaseLayer<IMorphLayerProps> {
      * @param filled {boolean} - The `filled` of the layer.
      */
     setFilled(filled: boolean): this;
-    draw(ctx: SKRSContext2D, canvas: Canvas): Promise<void>;
+    draw(ctx: SKRSContext2D, canvas: Canvas, debug: boolean): Promise<void>;
     /**
      * @returns {IMorphLayer}
      */

package/dist/structures/components/MorphLayer.js

@@ -80,13 +80,16 @@ class MorphLayer extends BaseLayer_1.BaseLayer {
         this.props.filled = filled;
         return this;
     }
-    async draw(ctx, canvas) {
+    async draw(ctx, canvas, debug) {
         const xs = (0, utils_1.parseToNormal)(this.props.x, canvas);
         const ys = (0, utils_1.parseToNormal)(this.props.y, canvas, { width: 0, height: 0 }, { vertical: true });
         const w = (0, utils_1.parseToNormal)(this.props.size.width, canvas);
         const h = (0, utils_1.parseToNormal)(this.props.size.height, canvas, { width: w, height: 0 }, { vertical: true });
-        const r = (0, utils_1.parseToNormal)(this.props.size.radius, canvas, { width: w, height: h }, { layer: true });
+        const r = (0, utils_1.parseToNormal)(this.props.size.radius, canvas, { width: w / 2, height: h / 2 }, { layer: 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);
+        if (debug)
+            LazyUtil_1.LazyLog.log('none', `MorphLayer:`, { x, y, w, h, r });
         ctx.save();
         (0, utils_1.transform)(ctx, this.props.transform, { width: w, height: h, x, y, type: this.type });
         ctx.beginPath();
@@ -104,14 +107,6 @@ class MorphLayer extends BaseLayer_1.BaseLayer {
         (0, utils_1.drawShadow)(ctx, this.props.shadow);
         (0, utils_1.opacity)(ctx, this.props.opacity);
         (0, utils_1.filters)(ctx, this.props.filter);
-        let base = (0, utils_1.parseFillStyle)(ctx, this.props.fillStyle);
-        let fillStyle;
-        if (base instanceof Promise) {
-            fillStyle = await base;
-        }
-        else {
-            fillStyle = base;
-        }
         if (this.props.filled) {
             ctx.fillStyle = fillStyle;
             ctx.fill();

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

@@ -0,0 +1,39 @@
+import { BaseLayer } from "./BaseLayer";
+import { IQuadraticLayerProps, IQuadraticLayer, ColorType, ScaleType } from "../../types";
+import { Canvas, SKRSContext2D } from "@napi-rs/canvas";
+export declare class QuadraticLayer extends BaseLayer<IQuadraticLayerProps> {
+    props: IQuadraticLayerProps;
+    constructor(props?: IQuadraticLayerProps);
+    /**
+     * @description Sets the control point of the quadratic layer. You can use `numbers`, `percentages`, `px`, `vw`, `vh`, `vmin`, `vmax`.
+     * @param x {ScaleType} - The control `x` of the quadratic layer.
+     * @param y {ScaleType} - The control `y` of the quadratic layer.
+     */
+    setControlPoint(x: ScaleType, y: ScaleType): this;
+    /**
+     * @description Sets the end point of the quadratic layer. You can use `numbers`, `percentages`, `px`, `vw`, `vh`, `vmin`, `vmax`.
+     * @param x {ScaleType} - The end `x` of the quadratic layer.
+     * @param y {ScaleType} - The end `y` of the quadratic layer.
+     */
+    setEndPoint(x: ScaleType, y: 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.
+     */
+    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.
+     */
+    setStroke(width: number, cap?: CanvasLineCap, join?: CanvasLineJoin, dash?: number[], dashOffset?: number, miterLimit?: number): this;
+    draw(ctx: SKRSContext2D, canvas: Canvas, debug: boolean): Promise<void>;
+    /**
+     * @returns {IQuadraticLayer}
+     */
+    toJSON(): IQuadraticLayer;
+}

package/dist/structures/components/QuadraticLayer.js

@@ -0,0 +1,116 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QuadraticLayer = void 0;
+const BaseLayer_1 = require("./BaseLayer");
+const enum_1 = require("../../types/enum");
+const utils_1 = require("../../utils/utils");
+const LazyUtil_1 = require("../../utils/LazyUtil");
+const Gradient_1 = require("../helpers/Gradient");
+const Pattern_1 = require("../helpers/Pattern");
+class QuadraticLayer extends BaseLayer_1.BaseLayer {
+    props;
+    constructor(props) {
+        super(enum_1.LayerType.QuadraticCurve, props);
+        this.props = props ? props : {};
+        if (!this.props.fillStyle)
+            this.props.fillStyle = '#000000';
+        this.props.centring = enum_1.Centring.None;
+    }
+    /**
+     * @description Sets the control point of the quadratic layer. You can use `numbers`, `percentages`, `px`, `vw`, `vh`, `vmin`, `vmax`.
+     * @param x {ScaleType} - The control `x` of the quadratic layer.
+     * @param y {ScaleType} - The control `y` of the quadratic layer.
+     */
+    setControlPoint(x, y) {
+        this.props.controlPoint = { x, y };
+        return this;
+    }
+    /**
+     * @description Sets the end point of the quadratic layer. You can use `numbers`, `percentages`, `px`, `vw`, `vh`, `vmin`, `vmax`.
+     * @param x {ScaleType} - The end `x` of the quadratic layer.
+     * @param y {ScaleType} - The end `y` of the quadratic layer.
+     */
+    setEndPoint(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.
+     */
+    setColor(color) {
+        if (!color)
+            throw new LazyUtil_1.LazyError('The color of the layer must be provided');
+        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) {
+            this.props.fillStyle = fill;
+        }
+        else {
+            let arr = fill.split(':');
+            this.props.fillStyle = arr[0];
+            this.props.opacity = parseFloat(arr[1]) || 1;
+        }
+        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.
+     */
+    setStroke(width, cap, join, dash, dashOffset, miterLimit) {
+        this.props.stroke = {
+            width,
+            cap: cap || 'butt',
+            join: join || 'miter',
+            dash: dash || [],
+            dashOffset: dashOffset || 0,
+            miterLimit: miterLimit || 10,
+        };
+        return this;
+    }
+    async draw(ctx, canvas, debug) {
+        const xs = (0, utils_1.parseToNormal)(this.props.x, canvas);
+        const ys = (0, utils_1.parseToNormal)(this.props.y, canvas, { width: 0, height: 0 }, { vertical: true });
+        const cx = (0, utils_1.parseToNormal)(this.props.controlPoint.x, canvas);
+        const cy = (0, utils_1.parseToNormal)(this.props.controlPoint.y, canvas, { width: 0, height: 0 }, { vertical: true });
+        const xe = (0, utils_1.parseToNormal)(this.props.endPoint.x, canvas);
+        const ye = (0, utils_1.parseToNormal)(this.props.endPoint.y, canvas, { width: 0, height: 0 }, { vertical: true });
+        const { max, min, center, width, height } = (0, utils_1.getBoundingBoxBezier)([{ x: xs, y: ys }, { x: cx, y: cy }, { x: xe, y: ye }]);
+        let fillStyle = await (0, utils_1.parseFillStyle)(ctx, this.props.fillStyle);
+        if (debug)
+            LazyUtil_1.LazyLog.log('none', `BezierLayer:`, { xs, ys, cx, cy, xe, ye, max, min, center, width, height, fillStyle });
+        ctx.save();
+        (0, utils_1.transform)(ctx, this.props.transform, { x: center.x, y: center.y, width, height, type: this.type });
+        (0, utils_1.drawShadow)(ctx, this.props.shadow);
+        (0, utils_1.opacity)(ctx, this.props.opacity);
+        (0, utils_1.filters)(ctx, this.props.filter);
+        ctx.beginPath();
+        ctx.moveTo(xs, ys);
+        ctx.strokeStyle = fillStyle;
+        ctx.lineWidth = this.props.stroke?.width || 1;
+        ctx.lineCap = this.props.stroke?.cap || 'butt';
+        ctx.lineJoin = this.props.stroke?.join || 'miter';
+        ctx.miterLimit = this.props.stroke?.miterLimit || 10;
+        ctx.lineDashOffset = this.props.stroke?.dashOffset || 0;
+        ctx.setLineDash(this.props.stroke?.dash || []);
+        ctx.quadraticCurveTo(cx, cy, xe, ye);
+        ctx.stroke();
+        ctx.closePath();
+        ctx.restore();
+    }
+    /**
+     * @returns {IQuadraticLayer}
+     */
+    toJSON() {
+        let data = super.toJSON();
+        data.props = this.props;
+        return { ...data };
+    }
+}
+exports.QuadraticLayer = QuadraticLayer;

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

@@ -60,7 +60,7 @@ export declare class TextLayer extends BaseLayer<ITextLayerProps> {
      * @param filled {boolean} - The `filled` of the layer.
      */
     setFilled(filled: boolean): this;
-    draw(ctx: SKRSContext2D, canvas: Canvas): Promise<void>;
+    draw(ctx: SKRSContext2D, canvas: Canvas, debug: boolean): Promise<void>;
     private drawText;
     /**
      * @returns {ITextLayer}

package/dist/structures/components/TextLayer.js

@@ -144,13 +144,14 @@ class TextLayer extends BaseLayer_1.BaseLayer {
         this.props.filled = filled;
         return this;
     }
-    async draw(ctx, canvas) {
+    async draw(ctx, canvas, debug) {
         const x = (0, utils_1.parseToNormal)(this.props.x, canvas);
         const y = (0, utils_1.parseToNormal)(this.props.y, canvas, { width: 0, height: 0 }, { vertical: true });
         const w = (0, utils_1.parseToNormal)(this.props.multiline?.width, canvas);
         const h = (0, utils_1.parseToNormal)(this.props.multiline?.height, canvas, { width: w, height: 0 }, { vertical: true });
+        if (debug)
+            LazyUtil_1.LazyLog.log('none', `TextLayer:`, { x, y, w, h });
         ctx.save();
-        console.log(this.props);
         (0, utils_1.transform)(ctx, this.props.transform, { width: w, height: h, x, y, type: this.type }, { text: this.props.text, textAlign: this.props.align, fontSize: this.props.font.size, multiline: this.props.multiline.enabled });
         ctx.beginPath();
         (0, utils_1.drawShadow)(ctx, this.props.shadow);

package/dist/structures/helpers/Font.js

@@ -58,7 +58,8 @@ class Font {
         return {
             family: this.family,
             weight: this.weight,
-            path: this.path
+            path: this.path,
+            base64: this.base64
         };
     }
 }

package/dist/structures/managers/FontsManager.d.ts

@@ -2,7 +2,16 @@ import { IFontsManager, IFonts } from "../../types";
 import { Font } from "../helpers/Font";
 export declare class FontsManager implements IFontsManager {
     map: Map<string, Font>;
-    constructor(fonts?: IFonts);
+    debug: boolean;
+    constructor(debug?: boolean);
+    /**
+     * Replace base fonts with custom fonts by special file.
+     * Use this method before loading fonts by `FontManager`.
+     * The file should be generated by the following instructions:
+     * @see https://github.com/NMMTY/LazyCanvas/blob/main/scripts/FontsGenerate.md
+     * @param fontList {IFonts[]} - The `fonts` to set
+     */
+    loadFonts(fontList: IFonts): this;
     /**
      * Add a font to the map
      * @param fonts {Font[]} - The `font` to add to the map

package/dist/structures/managers/FontsManager.js

@@ -7,9 +7,21 @@ const Fonts_1 = require("../../helpers/Fonts");
 const canvas_1 = require("@napi-rs/canvas");
 class FontsManager {
     map;
-    constructor(fonts) {
+    debug;
+    constructor(debug = false) {
+        this.debug = debug;
         this.map = new Map();
-        let fontList = fonts || Fonts_1.Fonts;
+        let fontList = Fonts_1.Fonts;
+        this.loadFonts(fontList);
+    }
+    /**
+     * Replace base fonts with custom fonts by special file.
+     * Use this method before loading fonts by `FontManager`.
+     * The file should be generated by the following instructions:
+     * @see https://github.com/NMMTY/LazyCanvas/blob/main/scripts/FontsGenerate.md
+     * @param fontList {IFonts[]} - The `fonts` to set
+     */
+    loadFonts(fontList) {
         for (const fontFamily in fontList) {
             if (fontList.hasOwnProperty(fontFamily)) {
                 for (const weight in fontList[fontFamily]) {
@@ -23,13 +35,18 @@ class FontsManager {
                 }
             }
         }
+        return this;
     }
     /**
      * Add a font to the map
      * @param fonts {Font[]} - The `font` to add to the map
      */
     add(...fonts) {
+        if (this.debug)
+            LazyUtil_1.LazyLog.log('info', `Adding fonts...\nlength: ${fonts.length}`);
         for (const font of fonts) {
+            if (this.debug)
+                LazyUtil_1.LazyLog.log('none', `Data:`, font.toJSON());
             if (!font.family)
                 throw new LazyUtil_1.LazyError("Family must be provided");
             if (!font.weight)

package/dist/structures/managers/LayersManager.d.ts

@@ -3,7 +3,8 @@ import { ILayersManager } from "../../types";
 import { Group } from "../components/Group";
 export declare class LayersManager implements ILayersManager {
     map: Map<string, AnyLayer | Group>;
-    constructor();
+    debug: boolean;
+    constructor(debug?: boolean);
     /**
      * Add a layer to the map
      * @param layers {AnyLayer[] | Group[]} - The `layer` or `group` to add to the map

package/dist/structures/managers/LayersManager.js

@@ -1,21 +1,28 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LayersManager = void 0;
+const LazyUtil_1 = require("../../utils/LazyUtil");
 class LayersManager {
     map;
-    constructor() {
+    debug;
+    constructor(debug = false) {
         this.map = new Map();
+        this.debug = debug;
     }
     /**
      * Add a layer to the map
      * @param layers {AnyLayer[] | Group[]} - The `layer` or `group` to add to the map
      */
     add(...layers) {
+        if (this.debug)
+            LazyUtil_1.LazyLog.log('info', `Adding layers...\nlength: ${layers.length}`);
         let layersArray = layers.flat();
         layersArray = layersArray.filter(l => l !== undefined);
         for (const layer of layersArray) {
+            if (this.debug)
+                LazyUtil_1.LazyLog.log('none', `Data:`, layer.toJSON());
             if (this.map.has(layer.id))
-                throw new Error("Layer already exists");
+                throw new LazyUtil_1.LazyError("Layer already exists");
             this.map.set(layer.id, layer);
         }
         this.sort();

package/dist/structures/managers/RenderManager.d.ts

@@ -5,7 +5,8 @@ import { LazyCanvas } from "../LazyCanvas";
 import { SKRSContext2D } from "@napi-rs/canvas";
 export declare class RenderManager implements IRenderManager {
     lazyCanvas: LazyCanvas;
-    constructor(lazyCanvas: LazyCanvas);
+    debug: boolean;
+    constructor(lazyCanvas: LazyCanvas, debug?: boolean);
     /**
      * This will render all the layers and return the rendered canvas buffer or ctx.
      * @returns {Promise<Buffer | SKRSContext2D>}

package/dist/structures/managers/RenderManager.js

@@ -3,10 +3,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.RenderManager = void 0;
 const enum_1 = require("../../types/enum");
 const Group_1 = require("../components/Group");
+const LazyUtil_1 = require("../../utils/LazyUtil");
 class RenderManager {
     lazyCanvas;
-    constructor(lazyCanvas) {
+    debug;
+    constructor(lazyCanvas, debug = false) {
         this.lazyCanvas = lazyCanvas;
+        this.debug = debug;
     }
     /**
      * This will render all the layers and return the rendered canvas buffer or ctx.
@@ -14,16 +17,18 @@ class RenderManager {
      */
     async render() {
         for (const layer of this.lazyCanvas.layers.toArray()) {
+            if (this.debug)
+                LazyUtil_1.LazyLog.log('info', `Rendering ${layer.id}...\nData:`, layer.toJSON());
             if (layer.visible) {
                 if (layer instanceof Group_1.Group) {
                     for (const subLayer of layer.components) {
                         if (subLayer.visible) {
-                            await subLayer.draw(this.lazyCanvas.ctx, this.lazyCanvas.canvas);
+                            await subLayer.draw(this.lazyCanvas.ctx, this.lazyCanvas.canvas, this.debug);
                         }
                     }
                 }
                 else {
-                    await layer.draw(this.lazyCanvas.ctx, this.lazyCanvas.canvas);
+                    await layer.draw(this.lazyCanvas.ctx, this.lazyCanvas.canvas, this.debug);
                 }
                 this.lazyCanvas.ctx.shadowColor = 'transparent';
             }

package/dist/types/components/BaseLayer.d.ts

@@ -17,12 +17,6 @@ export interface IBaseLayerProps {
     opacity: number;
     filled: boolean;
     fillStyle: ColorType;
-    shadow: {
-        color: string;
-        blur: number;
-        offsetX: number;
-        offsetY: number;
-    };
     stroke: {
         width: number;
         cap: CanvasLineCap;
@@ -31,6 +25,12 @@ export interface IBaseLayerProps {
         dash: number[];
         miterLimit: number;
     };
+    shadow: {
+        color: string;
+        blur: number;
+        offsetX: number;
+        offsetY: number;
+    };
     transform: Transform;
 }
 

package/dist/types/components/BezierLayer.d.ts

@@ -0,0 +1,11 @@
+import { IBaseLayer, IBaseLayerProps } from "./BaseLayer";
+import { Point } from "../";
+
+export interface IBezierLayer extends IBaseLayer {
+    props: IBezierLayerProps;
+}
+
+export interface IBezierLayerProps extends IBaseLayerProps {
+    controlPoints: Array<Point>;
+    endPoint: Point;
+}

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

@@ -1,5 +1,5 @@
 import { IBaseLayer, IBaseLayerProps } from "./BaseLayer";
-import { ScaleType } from "../";
+import {ColorType, ScaleType} from "../";
 
 export interface IMorphLayer extends IBaseLayer {
     props: IMorphLayerProps;

package/dist/types/components/QuadraticLayer.d.ts

@@ -0,0 +1,11 @@
+import { IBaseLayer, IBaseLayerProps } from "./BaseLayer";
+import { Point } from "../";
+
+export interface IQuadraticLayer extends IBaseLayer {
+    props: IQuadraticLayerProps;
+}
+
+export interface IQuadraticLayerProps extends IBaseLayerProps {
+    controlPoint: Point;
+    endPoint: Point;
+}

package/dist/types/components/TextLayer.d.ts

@@ -19,7 +19,6 @@ export interface ITextLayerProps extends IBaseLayerProps {
         height: ScaleType;
         spacing?: number;
     };
-    color: ColorType;
     align: TextAlign;
     baseline: TextBaseline;
     direction: TextDirection;

package/dist/types/enum.d.ts

@@ -78,7 +78,15 @@ export declare enum SaveFormat {
 }
 export declare enum Centring {
     Start = "start",
-    Center = "center"
+    StartTop = "start-top",
+    StartBottom = "start-bottom",
+    Center = "center",
+    CenterTop = "center-top",
+    CenterBottom = "center-bottom",
+    End = "end",
+    EndTop = "end-top",
+    EndBottom = "end-bottom",
+    None = "none"
 }
 export declare enum PatternType {
     Repeat = "repeat",

package/dist/types/enum.js

@@ -93,7 +93,15 @@ var SaveFormat;
 var Centring;
 (function (Centring) {
     Centring["Start"] = "start";
+    Centring["StartTop"] = "start-top";
+    Centring["StartBottom"] = "start-bottom";
     Centring["Center"] = "center";
+    Centring["CenterTop"] = "center-top";
+    Centring["CenterBottom"] = "center-bottom";
+    Centring["End"] = "end";
+    Centring["EndTop"] = "end-top";
+    Centring["EndBottom"] = "end-bottom";
+    Centring["None"] = "none";
 })(Centring || (exports.Centring = Centring = {}));
 var PatternType;
 (function (PatternType) {

package/dist/types/index.d.ts

@@ -3,6 +3,8 @@ export * from "./components/BaseLayer";
 export * from "./components/TextLayer";
 export * from "./components/ImageLayer";
 export * from "./components/MorphLayer";
+export * from "./components/BezierLayer";
+export * from "./components/QuadraticLayer";
 export * from "./components/Group";
 export * from "./helpers/Font";
 export * from "./helpers/Gradient";

package/dist/types/managers/FontsManager.d.ts

@@ -2,4 +2,5 @@ import { Font } from "../../structures/helpers/Font";
 
 export interface IFontsManager {
     map: Map<string, Font>;
+    debug: boolean;
 }

package/dist/types/managers/LayersManager.d.ts

@@ -3,4 +3,5 @@ import { Group } from "../../structures/components/Group";
 
 export interface ILayersManager {
     map: Map<string, AnyLayer | Group>;
+    debug: boolean;
 }

package/dist/types/managers/RenderManager.d.ts

@@ -2,4 +2,5 @@ import { LazyCanvas } from "../../structures/LazyCanvas";
 
 export interface IRenderManager {
     lazyCanvas: LazyCanvas;
+    debug: boolean;
 }

package/dist/types/types.d.ts

@@ -3,10 +3,22 @@ import { Pattern } from "../structures/helpers/Pattern";
 import { MorphLayer } from "../structures/components/MorphLayer";
 import { ImageLayer } from "../structures/components/ImageLayer";
 import { TextLayer } from "../structures/components/TextLayer";
+import { BezierLayer } from "../structures/components/BezierLayer";
+import { QuadraticLayer } from "../structures/components/QuadraticLayer";
 import { Group } from "../structures/components/Group";
 
-export type ScaleType = string | number;
+export type ScaleType = string | number | 'vw' | 'vh' | 'vmin' | 'vmax';
 
 export type ColorType = string | Gradient | Pattern;
 
-export type AnyLayer = MorphLayer | ImageLayer | TextLayer | Group;
+export type AnyLayer = MorphLayer | ImageLayer | TextLayer | BezierLayer | QuadraticLayer | Group;
+
+export type Point = {
+    x: ScaleType;
+    y: ScaleType;
+}
+
+export type PointNumber = {
+    x: number;
+    y: number;
+};

package/dist/utils/LazyUtil.d.ts

@@ -3,5 +3,5 @@ export declare class LazyError extends Error {
     constructor(message: string);
 }
 export declare class LazyLog {
-    static log(message: string, type?: string): void;
+    static log(type?: string, ...message: any): void;
 }

package/dist/utils/LazyUtil.js

@@ -10,16 +10,16 @@ class LazyError extends Error {
 }
 exports.LazyError = LazyError;
 class LazyLog {
-    static log(message, type = "info") {
+    static log(type = "none", ...message) {
         switch (type) {
             case "info":
-                console.log("[LazyCanvas] [INFO] " + message);
+                console.log("[LazyCanvas] [INFO] ", ...message);
                 break;
             case "warn":
-                console.warn("[LazyCanvas] [WARN] " + message);
+                console.warn("[LazyCanvas] [WARN] ", ...message);
                 break;
             default:
-                console.log("[LazyCanvas] [INFO] " + message);
+                console.log(...message);
                 break;
         }
     }

package/dist/utils/utils.d.ts

@@ -1,5 +1,5 @@
 import { Centring, LayerType, SaveFormat, TextAlign } from "../types/enum";
-import { Transform, ScaleType, ColorType } from "../types";
+import { Transform, ScaleType, ColorType, PointNumber } from "../types";
 import { Gradient } from "../structures/helpers/Gradient";
 import { Canvas, SKRSContext2D } from "@napi-rs/canvas";
 import { Pattern } from "../structures/helpers/Pattern";
@@ -37,3 +37,19 @@ export declare function centring(centring: Centring, type: LayerType, width: num
     x: number;
     y: number;
 };
+export declare function getBoundingBoxBezier(points: PointNumber[], steps?: number): {
+    min: {
+        x: number;
+        y: number;
+    };
+    max: {
+        x: number;
+        y: number;
+    };
+    center: {
+        x: number;
+        y: number;
+    };
+    width: number;
+    height: number;
+};

package/dist/utils/utils.js

@@ -23,7 +23,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.centring = exports.isImageUrlValid = exports.generateRandomName = exports.saveFile = exports.transform = exports.parseFillStyle = exports.filters = exports.opacity = exports.drawShadow = exports.parseToNormal = exports.parseColor = exports.parseHex = exports.isColor = exports.generateID = void 0;
+exports.getBoundingBoxBezier = exports.centring = exports.isImageUrlValid = exports.generateRandomName = exports.saveFile = exports.transform = exports.parseFillStyle = exports.filters = exports.opacity = exports.drawShadow = exports.parseToNormal = exports.parseColor = exports.parseHex = exports.isColor = exports.generateID = void 0;
 const enum_1 = require("../types/enum");
 const Gradient_1 = require("../structures/helpers/Gradient");
 const LazyUtil_1 = require("./LazyUtil");
@@ -180,6 +180,8 @@ function transform(ctx, transform, layer = { width: 0, height: 0, x: 0, y: 0, ty
             switch (layer.type) {
                 case enum_1.LayerType.Image:
                 case enum_1.LayerType.Morph:
+                case enum_1.LayerType.BezierCurve:
+                case enum_1.LayerType.QuadraticCurve:
                     ctx.translate(layer.x + (layer.width / 2), layer.y + (layer.height / 2));
                     ctx.rotate((Math.PI / 180) * transform.rotate);
                     ctx.translate(-(layer.x + (layer.width / 2)), -(layer.y + (layer.height / 2)));
@@ -244,18 +246,111 @@ function isImageUrlValid(src) {
 }
 exports.isImageUrlValid = isImageUrlValid;
 function centring(centring, type, width, height, x, y) {
-    if (centring === enum_1.Centring.Center) {
-        switch (type) {
-            case enum_1.LayerType.Image:
-            case enum_1.LayerType.Morph:
-                x -= width / 2;
-                y -= height / 2;
-                break;
-        }
-        return { x, y };
-    }
-    else {
-        return { x, y };
+    switch (centring) {
+        case enum_1.Centring.Center:
+            switch (type) {
+                case enum_1.LayerType.Image:
+                case enum_1.LayerType.Morph:
+                    x -= width / 2;
+                    y -= height / 2;
+                    break;
+            }
+            return { x, y };
+        case enum_1.Centring.CenterBottom:
+            switch (type) {
+                case enum_1.LayerType.Image:
+                case enum_1.LayerType.Morph:
+                    x -= width / 2;
+                    break;
+            }
+            return { x, y };
+        case enum_1.Centring.CenterTop:
+            switch (type) {
+                case enum_1.LayerType.Image:
+                case enum_1.LayerType.Morph:
+                    x -= width / 2;
+                    y -= height;
+                    break;
+            }
+            return { x, y };
+        case enum_1.Centring.Start:
+            switch (type) {
+                case enum_1.LayerType.Image:
+                case enum_1.LayerType.Morph:
+                    y -= height / 2;
+                    break;
+            }
+            return { x, y };
+        case enum_1.Centring.StartBottom:
+            return { x, y };
+        case enum_1.Centring.StartTop:
+            switch (type) {
+                case enum_1.LayerType.Image:
+                case enum_1.LayerType.Morph:
+                    y -= height;
+                    break;
+            }
+            return { x, y };
+        case enum_1.Centring.End:
+            switch (type) {
+                case enum_1.LayerType.Image:
+                case enum_1.LayerType.Morph:
+                    x -= width;
+                    y -= height / 2;
+                    break;
+            }
+            return { x, y };
+        case enum_1.Centring.EndBottom:
+            switch (type) {
+                case enum_1.LayerType.Image:
+                case enum_1.LayerType.Morph:
+                    x -= width;
+                    break;
+            }
+            return { x, y };
+        case enum_1.Centring.EndTop:
+            switch (type) {
+                case enum_1.LayerType.Image:
+                case enum_1.LayerType.Morph:
+                    x -= width;
+                    y -= height;
+                    break;
+            }
+            return { x, y };
+        case enum_1.Centring.None:
+            return { x, y };
     }
 }
 exports.centring = centring;
+function quadraticBezier(p0, p1, p2, t) {
+    const x = (1 - t) ** 2 * p0.x + 2 * (1 - t) * t * p1.x + t ** 2 * p2.x;
+    const y = (1 - t) ** 2 * p0.y + 2 * (1 - t) * t * p1.y + t ** 2 * p2.y;
+    return { x, y };
+}
+function cubicBezier(p0, p1, p2, p3, t) {
+    const x = (1 - t) ** 3 * p0.x + 3 * (1 - t) ** 2 * t * p1.x + 3 * (1 - t) * t ** 2 * p2.x + t ** 3 * p3.x;
+    const y = (1 - t) ** 3 * p0.y + 3 * (1 - t) ** 2 * t * p1.y + 3 * (1 - t) * t ** 2 * p2.y + t ** 3 * p3.y;
+    return { x, y };
+}
+function getBoundingBoxBezier(points, steps = 100) {
+    let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;
+    for (let i = 0; i <= steps; i++) {
+        const t = i / steps;
+        let p;
+        if (points.length === 3) {
+            p = quadraticBezier(points[0], points[1], points[2], t);
+        }
+        else if (points.length === 4) {
+            p = cubicBezier(points[0], points[1], points[2], points[3], t);
+        }
+        else {
+            throw new LazyUtil_1.LazyError("Invalid number of points");
+        }
+        minX = Math.min(minX, p.x);
+        minY = Math.min(minY, p.y);
+        maxX = Math.max(maxX, p.x);
+        maxY = Math.max(maxY, p.y);
+    }
+    return { min: { x: minX, y: minY }, max: { x: maxX, y: maxY }, center: { x: (minX + maxX) / 2, y: (minY + maxY) / 2 }, width: maxX - minX, height: maxY - minY };
+}
+exports.getBoundingBoxBezier = getBoundingBoxBezier;

package/package.json

@@ -1,51 +1,49 @@
-{
-  "name": "@nmmty/lazycanvas",
-  "version": "0.2.0",
-  "description": "A simple way to interact with @napi-rs/canvas in an advanced way!",
-  "main": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "scripts": {
-    "test": "tsc ./test/test.ts && node ./test/test.js",
-    "logo": "tsc ./test/logo.ts && node ./test/logo.js",
-    "text": "tsc ./test/text.ts && node ./test/text.js",
-    "doc": "tsx docgen.ts",
-    "build": "tsc"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/NMMTY/LazyCanvas.git"
-  },
-  "keywords": [
-    "canvas",
-    "@napi-rs/canvas",
-    "node-canvas",
-    "easy",
-    "simple"
-  ],
-  "author": "NMMTY",
-  "license": "MIT",
-  "bugs": {
-    "url": "https://github.com/NMMTY/LazyCanvas/issues"
-  },
-  "homepage": "https://github.com/NMMTY/LazyCanvas#readme",
-  "dependencies": {
-    "@napi-rs/canvas": "^0.1.65",
-    "jimp": "0.22.12",
-    "path": "^0.12.7",
-    "svgson": "^5.3.1"
-  },
-  "devDependencies": {
-    "@hitomihiumi/micro-docgen": "^0.3.0",
-    "@types/jimp": "^0.2.28",
-    "@types/node": "^22.10.2",
-    "@types/react": "^19.0.2",
-    "ava": "^6.2.0",
-    "globals": "^15.14.0",
-    "tslib": "^2.8.1",
-    "tsx": "^4.19.2",
-    "typescript": "^5.4.5"
-  },
-  "publishConfig": {
-    "access": "public"
-  }
-}
+{
+  "name": "@nmmty/lazycanvas",
+  "version": "0.3.0",
+  "description": "A simple way to interact with @napi-rs/canvas in an advanced way!",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "scripts": {
+    "test": "tsc ./test/test.ts && node ./test/test.js",
+    "centring": "tsc ./test/centring.ts && node ./test/centring.js",
+    "logo": "tsc ./test/logo.ts && node ./test/logo.js",
+    "text": "tsc ./test/text.ts && node ./test/text.js",
+    "doc": "tsx docgen.ts",
+    "build": "tsc"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/NMMTY/LazyCanvas.git"
+  },
+  "keywords": [
+    "canvas",
+    "@napi-rs/canvas",
+    "node-canvas",
+    "easy",
+    "simple"
+  ],
+  "author": "NMMTY",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/NMMTY/LazyCanvas/issues"
+  },
+  "homepage": "https://github.com/NMMTY/LazyCanvas#readme",
+  "dependencies": {
+    "@napi-rs/canvas": "^0.1.65",
+    "jimp": "0.22.12",
+    "path": "^0.12.7",
+    "svgson": "^5.3.1"
+  },
+  "devDependencies": {
+    "@hitomihiumi/micro-docgen": "^0.3.0",
+    "@types/jimp": "^0.2.28",
+    "@types/node": "^22.10.2",
+    "@types/react": "^19.0.2",
+    "ava": "^6.2.0",
+    "globals": "^15.14.0",
+    "tslib": "^2.8.1",
+    "tsx": "^4.19.2",
+    "typescript": "^5.4.5"
+  }
+}