modern-canvas 0.5.0 → 0.5.2

package/dist/index.cjs

@@ -4300,7 +4300,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":
@@ -9318,7 +9318,6 @@ class BaseElement2DText extends CoreObject {
     this.parent = parent;
   }
   base = new modernText.Text();
-  texture = new CanvasTexture();
   measureResult;
   setProperties(properties) {
     return super.setProperties(
@@ -9357,29 +9356,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([
@@ -9790,7 +9783,6 @@ exports.BaseElement2D = class BaseElement2D extends exports.Node2D {
     }
     if (this._text.canDraw()) {
       this._tree?.log(this.name, "draw text");
-      this._shape.drawRect();
       this._text.draw();
     }
     this._drawContent();

package/dist/index.d.cts

@@ -1992,7 +1992,6 @@ declare class BaseElement2DText extends CoreObject {
     fonts?: Text['fonts'];
     constructor(parent: BaseElement2D);
     base: Text;
-    texture: CanvasTexture;
     measureResult?: MeasureResult;
     setProperties(properties?: Text$1): this;
     protected _updateProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;

package/dist/index.d.mts

@@ -1992,7 +1992,6 @@ declare class BaseElement2DText extends CoreObject {
     fonts?: Text['fonts'];
     constructor(parent: BaseElement2D);
     base: Text;
-    texture: CanvasTexture;
     measureResult?: MeasureResult;
     setProperties(properties?: Text$1): this;
     protected _updateProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;

package/dist/index.d.ts

@@ -1992,7 +1992,6 @@ declare class BaseElement2DText extends CoreObject {
     fonts?: Text['fonts'];
     constructor(parent: BaseElement2D);
     base: Text;
-    texture: CanvasTexture;
     measureResult?: MeasureResult;
     setProperties(properties?: Text$1): this;
     protected _updateProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;