modern-canvas 0.5.0 → 0.5.2

package/dist/index.mjs

@@ -4294,7 +4294,7 @@ function parseCSSFilter(filter) {
 
 function parseCSSTransform(transform, width, height, output = new Transform2D()) {
   transform = !transform || transform === "none" ? "" : transform;
-  parseCssFunctions(transform, { width, height }).forEach(({ name, args }) => {
+  parseCssFunctions(transform, { width, height }).reverse().forEach(({ name, args }) => {
     const values = args.map((arg) => arg.normalizedIntValue);
     switch (name) {
       case "translate":
@@ -9312,7 +9312,6 @@ class BaseElement2DText extends CoreObject {
     this.parent = parent;
   }
   base = new Text();
-  texture = new CanvasTexture();
   measureResult;
   setProperties(properties) {
     return super.setProperties(
@@ -9351,29 +9350,23 @@ class BaseElement2DText extends CoreObject {
   }
   canDraw() {
     return Boolean(
-      this.enabled && !/^\s*$/.test(this.base.toString()) && this.texture?.valid
+      this.enabled && !/^\s*$/.test(this.base.toString())
     );
   }
   draw() {
-    this.base.render({
-      pixelRatio: this.texture.pixelRatio,
-      view: this.texture.source
-    });
-    this.texture.requestUpload();
-    const textWidth = this.measureResult?.boundingBox.width ?? this.parent.size.width;
-    const textHeight = this.measureResult?.boundingBox.height ?? this.parent.size.height;
     const ctx = this.parent.context;
-    ctx.fillStyle = this.texture;
-    ctx.uvTransform = new Transform2D().scale(1 / textWidth, 1 / textHeight);
-    ctx.vertTransform = () => {
-      const parent = this.parent;
-      const origin = parent.getTransformOrigin();
-      return new Transform2D().translate(-origin.x, -origin.y).scale(
-        parent.globalScale.x > 0 ? 1 : -1,
-        parent.globalScale.y > 0 ? 1 : -1
-      ).translate(origin.x, origin.y);
-    };
-    ctx.fill();
+    this.base.update();
+    this.base.paragraphs.forEach((p) => {
+      p.fragments.forEach((f) => {
+        f.characters.forEach((c) => {
+          ctx.fillStyle = c.computedStyle.color;
+          ctx.addPath(c.path);
+          ctx.style.fillRule = "evenodd";
+          ctx.closePath();
+          ctx.fill();
+        });
+      });
+    });
   }
 }
 __decorateClass$o([
@@ -9784,7 +9777,6 @@ let BaseElement2D = class extends Node2D {
     }
     if (this._text.canDraw()) {
       this._tree?.log(this.name, "draw text");
-      this._shape.drawRect();
       this._text.draw();
     }
     this._drawContent();

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "modern-canvas",
   "type": "module",
-  "version": "0.5.0",
+  "version": "0.5.2",
   "packageManager": "pnpm@9.15.1",
   "description": "A JavaScript WebGL rendering engine.",
   "author": "wxm",
@@ -78,10 +78,10 @@
   "devDependencies": {
     "@antfu/eslint-config": "^4.16.1",
     "@types/earcut": "^3.0.0",
-    "@types/node": "^24.0.4",
+    "@types/node": "^24.0.7",
     "bumpp": "^10.2.0",
     "conventional-changelog-cli": "^5.0.0",
-    "eslint": "^9.29.0",
+    "eslint": "^9.30.0",
     "lint-staged": "^16.1.2",
     "lottie-web": "^5.13.0",
     "modern-gif": "^2.0.4",