modern-canvas 0.4.0 → 0.4.2

package/dist/index.mjs

@@ -8766,7 +8766,7 @@ let BaseElement2D = class extends Node2D {
     if (this.style.boxShadow !== "none") {
       const node = this.getNode(nodePath);
       if (node) ; else {
-        this.appendChild(new ShadowEffect(), "back");
+        this.appendChild(new ShadowEffect({ name: nodePath }), "back");
       }
     } else {
       const node = this.getNode(nodePath);
@@ -8783,7 +8783,7 @@ let BaseElement2D = class extends Node2D {
       if (node) {
         node.src = maskImage;
       } else {
-        this.appendChild(new MaskEffect({ src: maskImage }), "back");
+        this.appendChild(new MaskEffect({ name: nodePath, src: maskImage }), "back");
       }
     } else {
       const node = this.getNode(nodePath);
@@ -8822,13 +8822,34 @@ let BaseElement2D = class extends Node2D {
     this._updateOverflow();
   }
   getRect() {
-    const [a, c, tx, b, d, ty] = this.transform.toArray();
-    const { width, height } = this.size;
+    const { width: w, height: h } = this.size;
+    const x1 = 0;
+    const y1 = 0;
+    const x2 = x1 + w;
+    const y2 = y1 + h;
+    const [a, c, tx, b, d, ty] = this.globalTransform.toArray();
+    const points = [
+      [x1, y1],
+      [x1, y2],
+      [x2, y1],
+      [x2, y2]
+    ].map((p) => {
+      return [
+        a * p[0] + c * p[1] + tx,
+        b * p[0] + d * p[1] + ty
+      ];
+    });
+    const xx = points.map((p) => p[0]);
+    const yy = points.map((p) => p[1]);
+    const minX = Math.min(...xx);
+    const maxX = Math.max(...xx);
+    const minY = Math.min(...yy);
+    const maxY = Math.max(...yy);
     return new Rect2(
-      tx,
-      ty,
-      a * width + c * height,
-      b * width + d * height
+      minX,
+      minY,
+      maxX - minX,
+      maxY - minY
     );
   }
   _updateOverflow() {
@@ -9634,7 +9655,7 @@ let Image2D = class extends Element2D {
     }
   }
   _repaint(batchables) {
-    return batchables.map((batchable) => {
+    return super._repaint(batchables).map((batchable) => {
       return {
         ...batchable,
         disableWrapMode: true

package/package.json

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