modern-canvas 0.8.3 → 0.8.5

package/dist/index.cjs

@@ -9739,7 +9739,7 @@ class BaseElement2DShape extends CoreObject {
     }
     if (!viewBox) {
       const bbox = this._path2DSet.getBoundingBox();
-      viewBox = bbox ? [bbox.x, bbox.y, bbox.width, bbox.height] : [0, 0, 1, 1];
+      viewBox = bbox ? [bbox.x, bbox.y, bbox.width || 1, bbox.height || 1] : [0, 0, 1, 1];
     }
     const [x, y, w, h] = viewBox;
     this._path2DSet.paths.forEach((path) => {
@@ -9889,6 +9889,15 @@ class BaseElement2DText extends CoreObject {
       this.enabled && !/^\s*$/.test(this.base.toString())
     );
   }
+  _getVertTransform() {
+    const parent = this.parent;
+    if (parent.scale.x > 0 && parent.scale.y > 0) {
+      return void 0;
+    }
+    const scale = parent.scale.x * parent.scale.y;
+    const origin = parent.getTransformOrigin();
+    return new Transform2D().translate(-origin.x, -origin.y).scale(scale > 0 ? 1 : -1, 1).translate(origin.x, origin.y);
+  }
   draw() {
     const ctx = this.parent.context;
     this.base.update();
@@ -9906,11 +9915,13 @@ class BaseElement2DText extends CoreObject {
               ctx.strokeStyle = this._textures[0] ?? outline.color;
               ctx.lineCap = outline.lineCap;
               ctx.lineJoin = outline.lineJoin;
+              ctx.vertTransform = this._getVertTransform();
               ctx.stroke({ disableWrapMode });
             }
           } else {
             ctx.addPath(path);
             ctx.style = { ...path.style };
+            ctx.vertTransform = this._getVertTransform();
             ctx.stroke();
           }
         }
@@ -9923,13 +9934,13 @@ class BaseElement2DText extends CoreObject {
               ctx.style = { ...path.style };
               ctx.uvTransform = uvTransform;
               ctx.fillStyle = this._textures[1] ?? fill.color;
-              ctx.fill({
-                disableWrapMode
-              });
+              ctx.vertTransform = this._getVertTransform();
+              ctx.fill({ disableWrapMode });
             }
           } else {
             ctx.addPath(path);
             ctx.style = { ...path.style };
+            ctx.vertTransform = this._getVertTransform();
             ctx.fill();
           }
         }
@@ -10064,16 +10075,22 @@ exports.BaseElement2D = class BaseElement2D extends exports.Node2D {
     }
     return this;
   }
-  _updateStyleProperty(key, value, _oldValue, _declaration) {
+  _updateStyleProperty(key, value, oldValue, _declaration) {
     switch (key) {
       case "rotate":
         this.rotation = this.style.rotate * DEG_TO_RAD;
         break;
       case "scaleX":
         this.scale.x = this.style.scaleX;
+        if (this.text.canDraw() && (value ^ oldValue) < 0) {
+          this.requestRedraw();
+        }
         break;
       case "scaleY":
         this.scale.y = this.style.scaleY;
+        if (this.text.canDraw() && (value ^ oldValue) < 0) {
+          this.requestRedraw();
+        }
         break;
       case "skewX":
         this.skew.x = this.style.skewX;

package/dist/index.d.cts

@@ -2104,6 +2104,7 @@ declare class BaseElement2DText extends CoreObject {
     measure(): MeasureResult;
     updateMeasure(): this;
     canDraw(): boolean;
+    protected _getVertTransform(): Transform2D | undefined;
     draw(): void;
 }
 
@@ -2156,7 +2157,7 @@ declare class BaseElement2D extends Node2D implements Rectangulable {
     set shadow(value: Shadow);
     constructor(properties?: Partial<BaseElement2DProperties>, nodes?: Node[]);
     setProperties(properties?: Record<string, any>): this;
-    protected _updateStyleProperty(key: string, value: any, _oldValue: any, _declaration?: PropertyDeclaration): void;
+    protected _updateStyleProperty(key: string, value: any, oldValue: any, _declaration?: PropertyDeclaration): void;
     protected _updateMaskImage(): void;
     getTransformOrigin(): Vector2;
     updateTransform(cb?: (transform: Transform2D) => void): void;

package/dist/index.d.mts

@@ -2104,6 +2104,7 @@ declare class BaseElement2DText extends CoreObject {
     measure(): MeasureResult;
     updateMeasure(): this;
     canDraw(): boolean;
+    protected _getVertTransform(): Transform2D | undefined;
     draw(): void;
 }
 
@@ -2156,7 +2157,7 @@ declare class BaseElement2D extends Node2D implements Rectangulable {
     set shadow(value: Shadow);
     constructor(properties?: Partial<BaseElement2DProperties>, nodes?: Node[]);
     setProperties(properties?: Record<string, any>): this;
-    protected _updateStyleProperty(key: string, value: any, _oldValue: any, _declaration?: PropertyDeclaration): void;
+    protected _updateStyleProperty(key: string, value: any, oldValue: any, _declaration?: PropertyDeclaration): void;
     protected _updateMaskImage(): void;
     getTransformOrigin(): Vector2;
     updateTransform(cb?: (transform: Transform2D) => void): void;

package/dist/index.d.ts

@@ -2104,6 +2104,7 @@ declare class BaseElement2DText extends CoreObject {
     measure(): MeasureResult;
     updateMeasure(): this;
     canDraw(): boolean;
+    protected _getVertTransform(): Transform2D | undefined;
     draw(): void;
 }
 
@@ -2156,7 +2157,7 @@ declare class BaseElement2D extends Node2D implements Rectangulable {
     set shadow(value: Shadow);
     constructor(properties?: Partial<BaseElement2DProperties>, nodes?: Node[]);
     setProperties(properties?: Record<string, any>): this;
-    protected _updateStyleProperty(key: string, value: any, _oldValue: any, _declaration?: PropertyDeclaration): void;
+    protected _updateStyleProperty(key: string, value: any, oldValue: any, _declaration?: PropertyDeclaration): void;
     protected _updateMaskImage(): void;
     getTransformOrigin(): Vector2;
     updateTransform(cb?: (transform: Transform2D) => void): void;