modern-canvas 0.4.49 → 0.4.51

package/dist/index.mjs

@@ -9158,7 +9158,7 @@ class BaseElement2DOutline extends BaseElement2DFill {
   }
   canDraw() {
     return Boolean(
-      this.width || super.canDraw()
+      this.width || this.color || super.canDraw()
     );
   }
   draw() {
@@ -9276,9 +9276,8 @@ class BaseElement2DShape extends CoreObject {
     if (this.svg) {
       const dom = svgToDOM(this.svg);
       this._path2DSet = 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 Path2D();
@@ -9287,6 +9286,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 Matrix3$1().translate(-x, -y).scale(1 / w, 1 / h));
@@ -9323,7 +9326,7 @@ __decorateClass$p([
   property()
 ], BaseElement2DShape.prototype, "svg");
 __decorateClass$p([
-  property({ default: () => [0, 0, 1, 1] })
+  property()
 ], BaseElement2DShape.prototype, "viewBox");
 __decorateClass$p([
   property({ default: () => [] })
@@ -9402,13 +9405,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() {
@@ -9423,9 +9419,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();
   }
 }
@@ -10776,15 +10773,10 @@ let Text2D = class 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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "modern-canvas",
   "type": "module",
-  "version": "0.4.49",
+  "version": "0.4.51",
   "packageManager": "pnpm@9.15.1",
   "description": "A JavaScript WebGL rendering engine.",
   "author": "wxm",
@@ -71,17 +71,17 @@
     "earcut": "^3.0.1",
     "modern-font": "^0.4.1",
     "modern-idoc": "^0.6.9",
-    "modern-path2d": "^1.3.2",
+    "modern-path2d": "^1.3.3",
     "modern-text": "^1.4.2",
     "yoga-layout": "^3.2.1"
   },
   "devDependencies": {
     "@antfu/eslint-config": "^4.13.2",
     "@types/earcut": "^3.0.0",
-    "@types/node": "^22.15.23",
+    "@types/node": "^22.15.29",
     "bumpp": "^10.1.1",
     "conventional-changelog-cli": "^5.0.0",
-    "eslint": "^9.27.0",
+    "eslint": "^9.28.0",
     "lint-staged": "^16.1.0",
     "lottie-web": "^5.13.0",
     "modern-gif": "^2.0.4",
@@ -89,7 +89,7 @@
     "typescript": "^5.8.3",
     "unbuild": "^3.5.0",
     "vite": "^6.3.5",
-    "vitest": "^3.1.4"
+    "vitest": "^3.2.0"
   },
   "simple-git-hooks": {
     "pre-commit": "pnpm lint-staged"