modern-canvas 0.4.25 → 0.4.27

package/dist/index.mjs

@@ -1076,6 +1076,7 @@ class Color {
     if (parsed.isValid()) {
       this._colord = parsed;
     } else {
+      this._colord = colord("#000000");
       console.warn(`Unable to convert color ${value}`);
     }
   }
@@ -9166,27 +9167,10 @@ __decorateClass$p([
 ], BaseElement2DShadow.prototype, "offsetX");
 
 class BaseElement2DStyle extends Resource {
-  _backgroundColor = new Color();
   constructor(properties) {
     super();
     this.setProperties(properties);
   }
-  _updateProperty(key, value, oldValue, declaration) {
-    super._updateProperty(key, value, oldValue, declaration);
-    switch (key) {
-      case "backgroundColor":
-        this._backgroundColor.value = this.backgroundColor === "none" ? void 0 : this.backgroundColor;
-        break;
-    }
-  }
-  getComputedBackgroundColor() {
-    return this._backgroundColor;
-  }
-  async loadBackgroundImage() {
-    if (this.backgroundImage && this.backgroundImage !== "none") {
-      return await assets.texture.load(this.backgroundImage);
-    }
-  }
 }
 const defaultStyles$1 = getDefaultStyle();
 delete defaultStyles$1.top;
@@ -10276,7 +10260,7 @@ let Image2D = class extends Element2D {
     if (src) {
       try {
         this.setResource(
-          this.gif ? await assets.gif.load(src) : await assets.texture.load(src)
+          this.gif || src?.includes(".gif") ? await assets.gif.load(src) : await assets.texture.load(src)
         );
         this.requestRedraw();
         this.emit("load");
@@ -10316,7 +10300,7 @@ let Image2D = class extends Element2D {
     }
     if (this._frameIndex !== index) {
       this._frameIndex = index;
-      this.requestRepaint();
+      this.requestRedraw();
     }
     return this;
   }
@@ -10337,7 +10321,7 @@ let Image2D = class extends Element2D {
       const tx = left * width * sx;
       const ty = top * height * sy;
       this.context.textureTransform = new Transform2D().scale(sx, sy).translate(tx, ty);
-      this.geometry.drawRect();
+      this.geometry.draw();
       this.context.fill();
     }
   }
@@ -10432,7 +10416,7 @@ let Lottie2D = class extends TextureRect2D {
   _process(delta) {
     this.animation?.goToAndStop(this.currentTime, false);
     this.texture.requestUpload();
-    this.requestRepaint();
+    this.requestRedraw();
     super._process(delta);
   }
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "modern-canvas",
   "type": "module",
-  "version": "0.4.25",
+  "version": "0.4.27",
   "packageManager": "pnpm@9.15.1",
   "description": "A JavaScript WebGL rendering engine.",
   "author": "wxm",
@@ -71,7 +71,7 @@
     "earcut": "^3.0.1",
     "modern-font": "^0.4.0",
     "modern-idoc": "^0.2.13",
-    "modern-path2d": "^1.2.16",
+    "modern-path2d": "^1.2.18",
     "modern-text": "^1.3.1",
     "yoga-layout": "^3.2.1"
   },