@nmmty/lazycanvas 0.6.2 → 0.6.4

package/dist/structures/components/Path2DLayer.js

@@ -141,7 +141,9 @@ class Path2DLayer extends BaseLayer_1.BaseLayer {
         ctx.save();
         let fillStyle = await (0, utils_1.parseFillStyle)(ctx, this.props.fillStyle, { debug, manager });
         (0, utils_1.transform)(ctx, this.props.transform, { width: 0, height: 0, x: 0, y: 0, 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.globalCompositeOperation = this.props.globalComposite;
         if (this.props.clipPath) {
             ctx.clip(this.props.path2D);

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

@@ -1,5 +1,5 @@
 import { BaseLayer, IBaseLayer, IBaseLayerMisc, IBaseLayerProps } from "./BaseLayer";
-import { ScaleType, ColorType, AnyWeight, AnyTextAlign, AnyTextBaseline, AnyTextDirection, LineCap, LineJoin, LayerType, SubStringColor } from "../../types";
+import { AnyTextAlign, AnyTextBaseline, AnyTextDirection, AnyWeight, ColorType, LayerType, LineCap, LineJoin, ScaleType, SubStringColor } from "../../types";
 import { Canvas, SKRSContext2D, SvgCanvas } from "@napi-rs/canvas";
 import { LayersManager } from "../managers";
 /**

package/dist/structures/components/TextLayer.js

@@ -214,7 +214,7 @@ class TextLayer extends BaseLayer_1.BaseLayer {
             ctx.textBaseline = this.props.baseline;
         if (this.props.direction)
             ctx.direction = this.props.direction;
-        let fillStyle = await (0, utils_1.parseFillStyle)(ctx, this.props.fillStyle, { debug, layer: { width: w, height: h, x, y, align: 'none' }, manager });
+        let fillStyle = await (0, utils_1.parseFillStyle)(ctx, this.props.fillStyle, { debug, layer: { width: w, height: h, x, y, align: 'center' }, manager });
         if (this.props.multiline.enabled) {
             const words = this.props.text.split(' ');
             let lines = [];

package/dist/structures/helpers/Gradient.js

@@ -128,14 +128,20 @@ class Gradient {
         switch (gradientData.type) {
             case types_1.GradientType.Linear:
             case "linear":
-                if (gradientData.type === "linear" && (gradientData.angle || gradientData.angle === 0) && opts.layer) {
+                if (gradientData.type === "linear" && (gradientData.angle || gradientData.angle === 0) && opts.layer && gradientData.points.length < 2) {
                     const { width, height, x, y, align } = opts.layer;
                     const cx = this.getPosition(x, width, align, 'x');
                     const cy = this.getPosition(y, height, align, 'y');
+                    if (opts.debug)
+                        LazyUtil_1.LazyLog.log('none', `Center for angle calculation:`, { cx, cy });
                     const [p1, p2] = this.getLinearGradientPoints(cx, cy, width, height, gradientData.angle);
+                    if (opts.debug)
+                        LazyUtil_1.LazyLog.log('none', `Linear Gradient Points from angle:`, { p1, p2 });
                     gradient = ctx.createLinearGradient(p1.x, p1.y, p2.x, p2.y);
                 }
                 else {
+                    if (opts.debug)
+                        LazyUtil_1.LazyLog.log('none', `Linear Gradient created from points.`);
                     gradient = ctx.createLinearGradient(x0, y0, x1 || x0, y1 || y0);
                 }
                 break;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nmmty/lazycanvas",
-  "version": "0.6.2",
+  "version": "0.6.4",
   "description": "A simple way to interact with @napi-rs/canvas in an advanced way!",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",