modern-canvas 0.4.0 → 0.4.1

package/dist/index.cjs

@@ -8772,7 +8772,7 @@ exports.BaseElement2D = class BaseElement2D extends exports.Node2D {
     if (this.style.boxShadow !== "none") {
       const node = this.getNode(nodePath);
       if (node) ; else {
-        this.appendChild(new exports.ShadowEffect(), "back");
+        this.appendChild(new exports.ShadowEffect({ name: nodePath }), "back");
       }
     } else {
       const node = this.getNode(nodePath);
@@ -8789,7 +8789,7 @@ exports.BaseElement2D = class BaseElement2D extends exports.Node2D {
       if (node) {
         node.src = maskImage;
       } else {
-        this.appendChild(new exports.MaskEffect({ src: maskImage }), "back");
+        this.appendChild(new exports.MaskEffect({ name: nodePath, src: maskImage }), "back");
       }
     } else {
       const node = this.getNode(nodePath);
@@ -8828,13 +8828,34 @@ exports.BaseElement2D = class BaseElement2D extends exports.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() {