hdr-canvas 0.0.2 → 0.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hdr-canvas",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "HDR capable HTML canvas",
   "main": "dist/hdr-canvas.js",
   "files": [
@@ -46,7 +46,7 @@
     "@types/eslint__js": "^8.42.3",
     "eslint": "^9.6.0",
     "prettier": "^3.3.2",
-    "rimraf": "^5.0.7",
+    "rimraf": "^6.0.0",
     "rollup": "^4.18.0",
     "rollup-plugin-dts": "^6.1.1",
     "three": "^0.166.1",

package/src/Uint16Image.ts

@@ -67,7 +67,7 @@ export class Uint16Image {
     this.data[pos + 3] = px[3];
   }
 
-  // Only use this for aplha, since it doesn't to color space conversions
+  // Only use this for alpha, since it doesn't to color space conversions
   static scaleUint8ToUint16(val: number): number {
     return (val << 8) | val;
   }
@@ -125,6 +125,24 @@ export class Uint16Image {
     }
   }
 
+  static async loadSDRImageData(url: URL): Promise<HDRImageData | undefined> {
+    return fetch(url)
+      .then((response) => response.blob())
+      .then((blob: Blob) => {
+        return createImageBitmap(blob);
+      })
+      .then((bitmap: ImageBitmap) => {
+        const { width, height } = bitmap;
+        const offscreen = new OffscreenCanvas(width, height);
+        const ctx = offscreen.getContext("2d");
+        ctx?.drawImage(bitmap, 0, 0);
+        return ctx;
+      })
+      .then((ctx: OffscreenCanvasRenderingContext2D | null) => {
+        return ctx?.getImageData(0, 0, ctx?.canvas.width, ctx?.canvas.height);
+      });
+  }
+
   static fromImageData(imageData: HDRImageData): Uint16Image {
     const i = new Uint16Image(imageData.width, imageData.height);
     if (imageData.colorSpace == "srgb") {
@@ -139,6 +157,16 @@ export class Uint16Image {
     return i;
   }
 
+  static async fromURL(url: URL): Promise<Uint16Image | undefined> {
+    return Uint16Image.loadSDRImageData(url).then(
+      (data: HDRImageData | undefined) => {
+        if (data !== undefined) {
+          return Uint16Image.fromImageData(data);
+        }
+      },
+    );
+  }
+
   setImageData(imageData: HDRImageData): void {
     this.width = imageData.width;
     this.height = imageData.height;
@@ -153,4 +181,10 @@ export class Uint16Image {
     }
     this.colorSpace = Uint16Image.DEFAULT_COLORSPACE;
   }
+
+  clone(): Uint16Image {
+    const i = new Uint16Image(this.width, this.height, this.colorSpace);
+    i.data = this.data.slice();
+    return i;
+  }
 }