modern-canvas 0.4.49 → 0.4.51

package/dist/index.cjs

@@ -9164,7 +9164,7 @@ class BaseElement2DOutline extends BaseElement2DFill {
   }
   canDraw() {
     return Boolean(
-      this.width || super.canDraw()
+      this.width || this.color || super.canDraw()
     );
   }
   draw() {
@@ -9282,9 +9282,8 @@ class BaseElement2DShape extends CoreObject {
     if (this.svg) {
       const dom = modernPath2d.svgToDOM(this.svg);
       this._path2DSet = modernPath2d.svgToPath2DSet(dom);
-      viewBox = this._path2DSet.viewBox ?? this.viewBox;
+      viewBox = this._path2DSet.viewBox;
     } else {
-      viewBox = this.viewBox;
       this.paths?.forEach((path, i) => {
         const { data, ...style } = path;
         const path2D = new modernPath2d.Path2D();
@@ -9293,6 +9292,10 @@ class BaseElement2DShape extends CoreObject {
         this._path2DSet.paths[i] = path2D;
       });
     }
+    if (!viewBox) {
+      const bbox = this._path2DSet.getBoundingBox();
+      viewBox = bbox ? [bbox.x, bbox.y, bbox.width, bbox.height] : [0, 0, 1, 1];
+    }
     const [x, y, w, h] = viewBox;
     this._path2DSet.paths.forEach((path) => {
       path.applyTransform(new modernPath2d.Matrix3().translate(-x, -y).scale(1 / w, 1 / h));
@@ -9329,7 +9332,7 @@ __decorateClass$p([
   property()
 ], BaseElement2DShape.prototype, "svg");
 __decorateClass$p([
-  property({ default: () => [0, 0, 1, 1] })
+  property()
 ], BaseElement2DShape.prototype, "viewBox");
 __decorateClass$p([
   property({ default: () => [] })
@@ -9408,13 +9411,6 @@ class BaseElement2DText extends CoreObject {
   }
   updateMeasure() {
     this.measureResult = this.measure();
-    const textWidth = this.measureResult.boundingBox.width;
-    const textHeight = this.measureResult.boundingBox.height;
-    const { left, top, width, height = textHeight } = this.parent.style;
-    this.parent.position.x = left + Math.min(0, ((width || textWidth) - textWidth) / 2);
-    this.parent.position.y = top + Math.min(0, ((height || textHeight) - textHeight) / 2);
-    this.parent.size.width = textWidth;
-    this.parent.size.height = textHeight;
     return this;
   }
   canDraw() {
@@ -9429,9 +9425,10 @@ class BaseElement2DText extends CoreObject {
       view: this.texture.source
     });
     this.texture.requestUpload();
-    const { width, height } = this.parent.size;
+    const textWidth = this.measureResult?.boundingBox.width ?? this.parent.size.width;
+    const textHeight = this.measureResult?.boundingBox.height ?? this.parent.size.height;
     ctx.fillStyle = this.texture;
-    ctx.textureTransform = new Transform2D().scale(1 / width, 1 / height);
+    ctx.textureTransform = new Transform2D().scale(1 / textWidth, 1 / textHeight);
     ctx.fill();
   }
 }
@@ -10782,15 +10779,10 @@ exports.Text2D = class Text2D extends TextureRect2D {
   }
   _drawContent() {
     if (!this.split) {
-      const onText2DRender = this.children?.find((child) => "onText2DRender" in child)?.onText2DRender;
-      if (onText2DRender) {
-        onText2DRender();
-      } else {
-        this.base.render({
-          pixelRatio: this.texture.pixelRatio,
-          view: this.texture.source
-        });
-      }
+      this.base.render({
+        pixelRatio: this.texture.pixelRatio,
+        view: this.texture.source
+      });
       this.texture.requestUpload();
       super._drawContent();
     }

package/dist/index.d.cts

@@ -1958,7 +1958,7 @@ declare class BaseElement2DShape extends CoreObject {
     parent: BaseElement2D;
     preset?: Required<NormalizedShape>['preset'];
     svg?: Required<NormalizedShape>['svg'];
-    viewBox: Required<NormalizedShape>['viewBox'];
+    viewBox?: Required<NormalizedShape>['viewBox'];
     paths: Required<NormalizedShape>['paths'];
     protected _path2DSet: Path2DSet;
     constructor(parent: BaseElement2D);

package/dist/index.d.mts

@@ -1958,7 +1958,7 @@ declare class BaseElement2DShape extends CoreObject {
     parent: BaseElement2D;
     preset?: Required<NormalizedShape>['preset'];
     svg?: Required<NormalizedShape>['svg'];
-    viewBox: Required<NormalizedShape>['viewBox'];
+    viewBox?: Required<NormalizedShape>['viewBox'];
     paths: Required<NormalizedShape>['paths'];
     protected _path2DSet: Path2DSet;
     constructor(parent: BaseElement2D);

package/dist/index.d.ts

@@ -1958,7 +1958,7 @@ declare class BaseElement2DShape extends CoreObject {
     parent: BaseElement2D;
     preset?: Required<NormalizedShape>['preset'];
     svg?: Required<NormalizedShape>['svg'];
-    viewBox: Required<NormalizedShape>['viewBox'];
+    viewBox?: Required<NormalizedShape>['viewBox'];
     paths: Required<NormalizedShape>['paths'];
     protected _path2DSet: Path2DSet;
     constructor(parent: BaseElement2D);