modern-canvas 0.4.50 → 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() {
@@ -9405,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() {
@@ -9426,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();
   }
 }
@@ -10779,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.50",
+  "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"