modern-canvas 0.4.37 → 0.4.39

package/dist/index.mjs

@@ -2490,25 +2490,23 @@ class Transform2D extends Matrix3 {
     return t2d.multiply(this, this);
   }
   skewX(x) {
-    return this.skew(x, 1);
+    return this.skew(x, 0);
   }
   skewY(y) {
-    return this.skew(1, y);
+    return this.skew(0, y);
   }
   skew(x, y) {
     return this.premultiply(Transform2D._t2d.makeSkew(x, y));
   }
   makeSkew(x, y) {
-    const cx = Math.cos(y);
-    const sx = Math.sin(y);
-    const cy = -Math.sin(-x);
-    const sy = Math.cos(-x);
+    const tanX = Math.tan(x);
+    const tanY = Math.tan(y);
     this.set([
-      cx,
-      cy,
+      1,
+      tanY,
       0,
-      sx,
-      sy,
+      tanX,
+      1,
       0,
       0,
       0,
@@ -2557,7 +2555,7 @@ class Transform2D extends Matrix3 {
   scale(x, y, z = 1) {
     return this.premultiply(Transform2D._t2d.makeScale(x, y, z));
   }
-  makeScale(x, y, z = 1) {
+  makeScale(x, y, _z = 1) {
     this.set([
       x,
       0,
@@ -2567,7 +2565,7 @@ class Transform2D extends Matrix3 {
       0,
       0,
       0,
-      z
+      1
     ]);
     return this;
   }
@@ -6447,15 +6445,27 @@ let Node = class extends CoreObject {
     if (this.is(node) || node.hasParent()) {
       return node;
     }
+    let index = -1;
     switch (internalMode) {
       case "default":
+        index = this._children.findLastIndex((node2) => node2.internalMode === "default");
+        if (index > -1) {
+          index += 1;
+        } else {
+          index = this._children.findIndex((node2) => node2.internalMode === "back");
+        }
+        break;
       case "front": {
-        const targetMode = internalMode === "default" ? "back" : "front";
-        const index = this._children.findIndex((node2) => node2.internalMode === targetMode);
+        index = this._children.findLastIndex((node2) => node2.internalMode === "front");
         if (index > -1) {
-          this._children.splice(index, 0, node);
+          index += 1;
         } else {
-          this._children.push(node);
+          index = this._children.findIndex((node2) => node2.internalMode === "default");
+        }
+        if (index > -1) {
+          index += 1;
+        } else {
+          index = this._children.findIndex((node2) => node2.internalMode === "back");
         }
         break;
       }
@@ -6463,6 +6473,11 @@ let Node = class extends CoreObject {
         this._children.push(node);
         break;
     }
+    if (index > -1) {
+      this._children.splice(index, 0, node);
+    } else {
+      this._children.push(node);
+    }
     node.internalMode = internalMode;
     node.setParent(this);
     this.emit("appendChild", node);
@@ -10201,7 +10216,7 @@ let BaseElement2D = class extends Node2D {
     const offsetY = originY * height;
     this.transform.identity().translate(-offsetX, -offsetY).scale(this.scale.x, this.scale.y).skew(this.skew.x, this.skew.y).rotate(this.rotation);
     parseCSSTransform(this.style.transform, width, height, this.transform);
-    this.transform.translate(offsetX + this.position.x, offsetY + this.position.y);
+    this.transform.translate(this.position.x, this.position.y).translate(offsetX, offsetY);
   }
   _updateGlobalTransform() {
     super._updateGlobalTransform();
@@ -11225,22 +11240,23 @@ let Text2D = class extends TextureRect2D {
       this._subTextsCount = 0;
     }
     if (this.split) {
-      this.measureResult?.paragraphs.forEach((p) => {
+      this.measure().paragraphs.forEach((p) => {
         p.fragments.forEach((f) => {
           f.characters.forEach((c) => {
-            this.appendChild(
+            this.append(
               new Text2D({
-                content: c.content,
+                internalMode: "front",
                 style: {
                   ...c.computedStyle,
                   left: c.inlineBox.x,
                   top: c.inlineBox.y,
                   width: 0,
-                  height: 0,
-                  effects: this.effects
-                }
-              }),
-              "front"
+                  height: 0
+                },
+                content: c.content,
+                effects: this.effects,
+                fonts: this.fonts
+              })
             );
             this._subTextsCount++;
           });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "modern-canvas",
   "type": "module",
-  "version": "0.4.37",
+  "version": "0.4.39",
   "packageManager": "pnpm@9.15.1",
   "description": "A JavaScript WebGL rendering engine.",
   "author": "wxm",