@areb0s/ocr-browser 1.0.0 → 1.0.2

package/build/ImageRaw.d.ts

@@ -19,46 +19,68 @@ export declare class ImageRaw extends ImageRawBase {
      * Check if the input is an HTMLVideoElement
      */
     static isHTMLVideoElement(input: unknown): input is HTMLVideoElement;
+    /**
+     * Check if the input is an OffscreenCanvas
+     */
+    static isOffscreenCanvas(input: unknown): input is OffscreenCanvas;
     /**
      * Check if the input is ImageRawData
      */
     static isImageRawData(input: unknown): input is ImageRawData;
     /**
      * Universal factory method that accepts all browser image input types
-     * @param input - URL string, ImageRawData, ImageBitmap, HTMLImageElement, HTMLCanvasElement, or HTMLVideoElement
+     * Works in both main thread and Web Worker
+     * @param input - URL string, ImageRawData, ImageBitmap, HTMLImageElement, HTMLCanvasElement, OffscreenCanvas, or HTMLVideoElement
      * @returns Promise<ImageRaw>
      */
-    static from(input: BrowserImageInput): Promise<ImageRaw>;
+    static from(input: BrowserImageInput | OffscreenCanvas): Promise<ImageRaw>;
     /**
-     * Create ImageRaw from a URL (existing method)
+     * Create ImageRaw from a URL
+     * Works in both main thread and Web Worker
+     * Uses fetch + createImageBitmap for best performance
      */
     static open(url: string): Promise<ImageRaw>;
     /**
      * Create ImageRaw from an ImageBitmap
+     * Works in both main thread and Web Worker
      * Note: This method will close the ImageBitmap after conversion to free memory
      * @param bitmap - ImageBitmap to convert
      * @returns Promise<ImageRaw>
      */
     static fromImageBitmap(bitmap: ImageBitmap): Promise<ImageRaw>;
+    /**
+     * Create ImageRaw from an OffscreenCanvas
+     * Works in both main thread and Web Worker
+     * @param canvas - OffscreenCanvas to convert
+     * @returns Promise<ImageRaw>
+     */
+    static fromOffscreenCanvas(canvas: OffscreenCanvas): Promise<ImageRaw>;
     /**
      * Create ImageRaw from an HTMLImageElement
+     * Main thread only
      * @param img - HTMLImageElement to convert (must be loaded/decoded)
      * @returns Promise<ImageRaw>
      */
     static fromHTMLImageElement(img: HTMLImageElement): Promise<ImageRaw>;
     /**
      * Create ImageRaw from an HTMLCanvasElement
+     * Main thread only
      * @param canvas - HTMLCanvasElement to convert
      * @returns Promise<ImageRaw>
      */
     static fromHTMLCanvasElement(canvas: HTMLCanvasElement): Promise<ImageRaw>;
     /**
      * Create ImageRaw from an HTMLVideoElement (captures current frame)
+     * Main thread only
      * @param video - HTMLVideoElement to capture from
      * @returns Promise<ImageRaw>
      */
     static fromHTMLVideoElement(video: HTMLVideoElement): Promise<ImageRaw>;
     constructor({ data, width, height }: ImageRawData);
+    /**
+     * Debug method - appends canvas to document body
+     * Main thread only, no-op in Worker
+     */
     write(path: string): Promise<void>;
     resize({ width, height }: SizeOption): Promise<this>;
     drawBox(lineImages: LineImage[]): Promise<this>;

package/build/ImageRaw.js

@@ -1,5 +1,78 @@
 import { ImageRawBase } from '@areb0s/ocr-common';
 import invariant from 'tiny-invariant';
+// Cache environment checks (evaluated once at module load)
+const IS_WORKER = typeof window === 'undefined' && typeof self !== 'undefined' && typeof document === 'undefined';
+const HAS_OFFSCREEN_CANVAS = typeof OffscreenCanvas !== 'undefined';
+const HAS_DOCUMENT = typeof document !== 'undefined';
+const HAS_IMAGE = typeof Image !== 'undefined';
+const HAS_CREATE_IMAGE_BITMAP = typeof createImageBitmap !== 'undefined';
+// Cache canvas contexts for reuse (WeakMap allows GC when canvas is gone)
+const contextCache = new WeakMap();
+/**
+ * Create a canvas that works in both main thread and Web Worker
+ * Prefers OffscreenCanvas for better performance
+ */
+function createCanvas(width, height) {
+    if (HAS_OFFSCREEN_CANVAS) {
+        return new OffscreenCanvas(width, height);
+    }
+    if (HAS_DOCUMENT) {
+        const canvas = document.createElement('canvas');
+        canvas.width = width;
+        canvas.height = height;
+        return canvas;
+    }
+    throw new Error('No canvas support available. Neither OffscreenCanvas nor document is available.');
+}
+/**
+ * Get 2D context from any canvas type (cached for performance)
+ */
+function getContext2D(canvas, options) {
+    // Check cache first
+    const cached = contextCache.get(canvas);
+    if (cached)
+        return cached;
+    // Create new context with performance hints
+    const ctx = canvas.getContext('2d', {
+        willReadFrequently: true, // Optimize for getImageData() calls
+        ...options
+    });
+    if (ctx) {
+        contextCache.set(canvas, ctx);
+    }
+    return ctx;
+}
+/**
+ * Get ImageData from any canvas type
+ */
+function getImageData(canvas) {
+    const ctx = getContext2D(canvas);
+    if (!ctx) {
+        throw new Error('Failed to get 2D context');
+    }
+    return ctx.getImageData(0, 0, canvas.width, canvas.height);
+}
+/**
+ * Create ImageBitmap with optimized options for OCR
+ * - premultiplyAlpha: 'none' - avoid alpha premultiplication overhead
+ * - colorSpaceConversion: 'none' - avoid color space conversion overhead
+ */
+async function createOptimizedImageBitmap(source) {
+    if (!HAS_CREATE_IMAGE_BITMAP) {
+        throw new Error('createImageBitmap is not supported');
+    }
+    try {
+        // Try with optimization options (may not be supported in all browsers)
+        return await createImageBitmap(source, {
+            premultiplyAlpha: 'none',
+            colorSpaceConversion: 'none',
+        });
+    }
+    catch {
+        // Fallback without options
+        return await createImageBitmap(source);
+    }
+}
 export class ImageRaw extends ImageRawBase {
     data;
     #imageData;
@@ -31,6 +104,12 @@ export class ImageRaw extends ImageRawBase {
     static isHTMLVideoElement(input) {
         return typeof HTMLVideoElement !== 'undefined' && input instanceof HTMLVideoElement;
     }
+    /**
+     * Check if the input is an OffscreenCanvas
+     */
+    static isOffscreenCanvas(input) {
+        return HAS_OFFSCREEN_CANVAS && input instanceof OffscreenCanvas;
+    }
     /**
      * Check if the input is ImageRawData
      */
@@ -47,7 +126,8 @@ export class ImageRaw extends ImageRawBase {
     // ===========================================
     /**
      * Universal factory method that accepts all browser image input types
-     * @param input - URL string, ImageRawData, ImageBitmap, HTMLImageElement, HTMLCanvasElement, or HTMLVideoElement
+     * Works in both main thread and Web Worker
+     * @param input - URL string, ImageRawData, ImageBitmap, HTMLImageElement, HTMLCanvasElement, OffscreenCanvas, or HTMLVideoElement
      * @returns Promise<ImageRaw>
      */
     static async from(input) {
@@ -55,44 +135,71 @@ export class ImageRaw extends ImageRawBase {
         if (typeof input === 'string') {
             return ImageRaw.open(input);
         }
-        // ImageBitmap
+        // ImageBitmap - Works in both main thread and Worker (most efficient)
         if (ImageRaw.isImageBitmap(input)) {
             return ImageRaw.fromImageBitmap(input);
         }
-        // HTMLImageElement
+        // OffscreenCanvas - Works in both main thread and Worker
+        if (ImageRaw.isOffscreenCanvas(input)) {
+            return ImageRaw.fromOffscreenCanvas(input);
+        }
+        // HTMLImageElement - Main thread only
         if (ImageRaw.isHTMLImageElement(input)) {
+            if (IS_WORKER) {
+                throw new Error('HTMLImageElement is not available in Web Worker. Use ImageBitmap instead.');
+            }
             return ImageRaw.fromHTMLImageElement(input);
         }
-        // HTMLCanvasElement
+        // HTMLCanvasElement - Main thread only
         if (ImageRaw.isHTMLCanvasElement(input)) {
+            if (IS_WORKER) {
+                throw new Error('HTMLCanvasElement is not available in Web Worker. Use OffscreenCanvas instead.');
+            }
             return ImageRaw.fromHTMLCanvasElement(input);
         }
-        // HTMLVideoElement
+        // HTMLVideoElement - Main thread only
         if (ImageRaw.isHTMLVideoElement(input)) {
+            if (IS_WORKER) {
+                throw new Error('HTMLVideoElement is not available in Web Worker. Use ImageBitmap instead.');
+            }
             return ImageRaw.fromHTMLVideoElement(input);
         }
-        // ImageRawData (fallback)
+        // ImageRawData (fallback) - Works everywhere
         if (ImageRaw.isImageRawData(input)) {
             return new ImageRaw(input);
         }
         throw new Error('Unsupported image input type');
     }
     /**
-     * Create ImageRaw from a URL (existing method)
+     * Create ImageRaw from a URL
+     * Works in both main thread and Web Worker
+     * Uses fetch + createImageBitmap for best performance
      */
     static async open(url) {
-        const image = await imageFromUrl(url);
-        const canvas = document.createElement('canvas');
-        canvasDrawImage(canvas, image, image.naturalWidth, image.naturalHeight);
-        const imageData = canvasGetImageData(canvas);
-        return new ImageRaw({
-            data: imageData.data,
-            width: imageData.width,
-            height: imageData.height,
-        });
+        // Prefer fetch + createImageBitmap (works everywhere, better performance)
+        if (HAS_CREATE_IMAGE_BITMAP) {
+            const response = await fetch(url);
+            const blob = await response.blob();
+            const bitmap = await createOptimizedImageBitmap(blob);
+            return ImageRaw.fromImageBitmap(bitmap);
+        }
+        // Fallback: use Image element (main thread only)
+        if (!IS_WORKER && HAS_IMAGE) {
+            const image = await imageFromUrl(url);
+            const canvas = createCanvas(image.naturalWidth, image.naturalHeight);
+            canvasDrawImage(canvas, image, image.naturalWidth, image.naturalHeight);
+            const imageData = getImageData(canvas);
+            return new ImageRaw({
+                data: imageData.data,
+                width: imageData.width,
+                height: imageData.height,
+            });
+        }
+        throw new Error('Cannot load image from URL: no supported method available');
     }
     /**
      * Create ImageRaw from an ImageBitmap
+     * Works in both main thread and Web Worker
      * Note: This method will close the ImageBitmap after conversion to free memory
      * @param bitmap - ImageBitmap to convert
      * @returns Promise<ImageRaw>
@@ -102,18 +209,14 @@ export class ImageRaw extends ImageRawBase {
         if (bitmap.width === 0 || bitmap.height === 0) {
             throw new Error('Invalid ImageBitmap: dimensions are zero (bitmap may be closed or neutered)');
         }
-        const canvas = document.createElement('canvas');
-        canvas.width = bitmap.width;
-        canvas.height = bitmap.height;
-        const ctx = canvas.getContext('2d', { willReadFrequently: true });
+        const canvas = createCanvas(bitmap.width, bitmap.height);
+        const ctx = getContext2D(canvas);
         if (!ctx) {
             // Cleanup before throwing
             try {
                 bitmap.close();
             }
-            catch {
-                // Ignore if already closed
-            }
+            catch { /* ignore */ }
             throw new Error('Failed to create canvas 2D context');
         }
         try {
@@ -126,28 +229,50 @@ export class ImageRaw extends ImageRawBase {
             });
         }
         finally {
-            // Always close the bitmap to free memory
+            // Always close the bitmap to free GPU/CPU memory
             try {
                 bitmap.close();
             }
-            catch {
-                // Ignore if already closed or neutered
-            }
+            catch { /* ignore */ }
         }
     }
+    /**
+     * Create ImageRaw from an OffscreenCanvas
+     * Works in both main thread and Web Worker
+     * @param canvas - OffscreenCanvas to convert
+     * @returns Promise<ImageRaw>
+     */
+    static async fromOffscreenCanvas(canvas) {
+        const imageData = getImageData(canvas);
+        return new ImageRaw({
+            data: imageData.data,
+            width: imageData.width,
+            height: imageData.height,
+        });
+    }
     /**
      * Create ImageRaw from an HTMLImageElement
+     * Main thread only
      * @param img - HTMLImageElement to convert (must be loaded/decoded)
      * @returns Promise<ImageRaw>
      */
     static async fromHTMLImageElement(img) {
+        if (IS_WORKER) {
+            throw new Error('HTMLImageElement is not available in Web Worker. Use ImageBitmap instead.');
+        }
         // Ensure image is loaded
         if (!img.complete || img.naturalWidth === 0) {
             await img.decode();
         }
-        const canvas = document.createElement('canvas');
+        // Use createImageBitmap if available (more efficient)
+        if (HAS_CREATE_IMAGE_BITMAP) {
+            const bitmap = await createOptimizedImageBitmap(img);
+            return ImageRaw.fromImageBitmap(bitmap);
+        }
+        // Fallback to canvas
+        const canvas = createCanvas(img.naturalWidth, img.naturalHeight);
         canvasDrawImage(canvas, img, img.naturalWidth, img.naturalHeight);
-        const imageData = canvasGetImageData(canvas);
+        const imageData = getImageData(canvas);
         return new ImageRaw({
             data: imageData.data,
             width: imageData.width,
@@ -156,11 +281,15 @@ export class ImageRaw extends ImageRawBase {
     }
     /**
      * Create ImageRaw from an HTMLCanvasElement
+     * Main thread only
      * @param canvas - HTMLCanvasElement to convert
      * @returns Promise<ImageRaw>
      */
     static async fromHTMLCanvasElement(canvas) {
-        const imageData = canvasGetImageData(canvas);
+        if (IS_WORKER) {
+            throw new Error('HTMLCanvasElement is not available in Web Worker. Use OffscreenCanvas instead.');
+        }
+        const imageData = getImageData(canvas);
         return new ImageRaw({
             data: imageData.data,
             width: imageData.width,
@@ -169,17 +298,25 @@ export class ImageRaw extends ImageRawBase {
     }
     /**
      * Create ImageRaw from an HTMLVideoElement (captures current frame)
+     * Main thread only
      * @param video - HTMLVideoElement to capture from
      * @returns Promise<ImageRaw>
      */
     static async fromHTMLVideoElement(video) {
+        if (IS_WORKER) {
+            throw new Error('HTMLVideoElement is not available in Web Worker. Use ImageBitmap instead.');
+        }
         if (video.readyState < 2) {
             throw new Error('Video is not ready. Ensure video has loaded metadata and data.');
         }
-        const canvas = document.createElement('canvas');
-        canvas.width = video.videoWidth;
-        canvas.height = video.videoHeight;
-        const ctx = canvas.getContext('2d', { willReadFrequently: true });
+        // Use createImageBitmap if available (more efficient, direct GPU access)
+        if (HAS_CREATE_IMAGE_BITMAP) {
+            const bitmap = await createOptimizedImageBitmap(video);
+            return ImageRaw.fromImageBitmap(bitmap);
+        }
+        // Fallback to canvas
+        const canvas = createCanvas(video.videoWidth, video.videoHeight);
+        const ctx = getContext2D(canvas);
         if (!ctx) {
             throw new Error('Failed to create canvas 2D context');
         }
@@ -195,48 +332,59 @@ export class ImageRaw extends ImageRawBase {
     // Constructor & Instance Methods
     // ===========================================
     constructor({ data, width, height }) {
-        const newData = Uint8ClampedArray.from(data);
+        // Avoid unnecessary copy if already Uint8ClampedArray
+        const newData = data instanceof Uint8ClampedArray
+            ? new Uint8ClampedArray(data.buffer, data.byteOffset, data.length)
+            : new Uint8ClampedArray(data);
         super({
             data: newData,
             width,
             height,
         });
-        const canvas = document.createElement('canvas');
-        const imageData = new ImageData(newData, width, height);
+        const canvas = createCanvas(width, height);
+        const imageData = new ImageData(new Uint8ClampedArray(newData), width, height);
         canvasPutImageData(canvas, imageData);
         this.#canvas = canvas;
         this.#imageData = imageData;
-        this.data = newData; // this.data is undefined without this line
+        this.data = newData;
     }
+    /**
+     * Debug method - appends canvas to document body
+     * Main thread only, no-op in Worker
+     */
     async write(path) {
-        document.body.append(this.#canvas);
+        if (!IS_WORKER && HAS_DOCUMENT && this.#canvas instanceof HTMLCanvasElement) {
+            document.body.append(this.#canvas);
+        }
+        // In Worker environment, this is a no-op
     }
     async resize({ width, height }) {
         invariant(width !== undefined || height !== undefined, 'both width and height are undefined');
         const newWidth = width || Math.round((this.width / this.height) * height);
         const newHeight = height || Math.round((this.height / this.width) * width);
-        const newCanvas = document.createElement('canvas');
+        const newCanvas = createCanvas(newWidth, newHeight);
         canvasDrawImage(newCanvas, this.#canvas, newWidth, newHeight);
-        const newImageData = canvasGetImageData(newCanvas);
+        const newImageData = getImageData(newCanvas);
         return this.#apply(newImageData);
     }
     async drawBox(lineImages) {
-        this.#ctx.strokeStyle = 'red';
+        const ctx = getContext2D(this.#canvas);
+        if (!ctx) {
+            throw new Error('Failed to get 2D context');
+        }
+        ctx.strokeStyle = 'red';
         for (const lineImage of lineImages) {
             const [first, ...rests] = lineImage.box;
-            this.#ctx.beginPath();
-            this.#ctx.moveTo(first[0], first[1]);
+            ctx.beginPath();
+            ctx.moveTo(first[0], first[1]);
             for (const rest of rests) {
-                this.#ctx.lineTo(rest[0], rest[1]);
+                ctx.lineTo(rest[0], rest[1]);
             }
-            this.#ctx.closePath();
-            this.#ctx.stroke();
+            ctx.closePath();
+            ctx.stroke();
         }
         return this;
     }
-    get #ctx() {
-        return this.#canvas.getContext('2d');
-    }
     #apply(imageData) {
         canvasPutImageData(this.#canvas, imageData);
         this.#imageData = imageData;
@@ -245,16 +393,6 @@ export class ImageRaw extends ImageRawBase {
         this.height = imageData.height;
         return this;
     }
-    #putImageData() {
-        this.#canvas.width = this.width;
-        this.#canvas.height = this.height;
-        this.#ctx.putImageData(this.#imageData, 0, 0);
-        return this;
-    }
-    #drawImage(image, width, height) {
-        canvasDrawImage(this.#canvas, image, width, height);
-        return this;
-    }
 }
 // ===========================================
 // Helper Functions
@@ -262,18 +400,21 @@ export class ImageRaw extends ImageRawBase {
 function canvasDrawImage(canvas, image, width, height) {
     canvas.width = width || image.width;
     canvas.height = height || image.height;
-    const ctx = canvas.getContext('2d');
+    const ctx = getContext2D(canvas);
+    if (!ctx) {
+        throw new Error('Failed to get 2D context');
+    }
     ctx.drawImage(image, 0, 0, canvas.width, canvas.height);
 }
 function canvasPutImageData(canvas, imageData, width, height) {
-    const ctx = canvas.getContext('2d');
     canvas.width = width || imageData.width;
     canvas.height = height || imageData.height;
+    const ctx = getContext2D(canvas);
+    if (!ctx) {
+        throw new Error('Failed to get 2D context');
+    }
     ctx.putImageData(imageData, 0, 0);
 }
-function canvasGetImageData(canvas) {
-    return canvas.getContext('2d').getImageData(0, 0, canvas.width, canvas.height);
-}
 async function imageFromUrl(url) {
     const image = new Image();
     image.src = url;

package/build/ImageRaw.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageRaw.js","sourceRoot":"","sources":["../src/ImageRaw.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"ImageRaw.js","sourceRoot":"","sources":["../src/ImageRaw.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@areb0s/ocr-browser",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "Fork of @gutenye/ocr-browser with ImageBitmap support. High accurate OCR library for Browser based on PaddleOCR and ONNX runtime. Accepts ImageBitmap, HTMLImageElement, HTMLCanvasElement, HTMLVideoElement as input.",
   "keywords": [
     "ocr",
@@ -34,8 +34,8 @@
     "prepublishOnly": "npm run build"
   },
   "dependencies": {
-    "@areb0s/ocr-common": "1.0.0",
+    "@areb0s/ocr-common": "1.0.1",
     "@gutenye/ocr-models": "^1.2.2",
-    "onnxruntime-web": "^1.17.3"
+    "onnxruntime-web": "^1.23.2"
   }
 }

package/src/ImageRaw.ts

@@ -2,10 +2,98 @@ import { ImageRawBase } from '@areb0s/ocr-common'
 import type { ImageRawData, LineImage, SizeOption, BrowserImageInput } from '@areb0s/ocr-common'
 import invariant from 'tiny-invariant'
 
+// ===========================================
+// Environment Detection & Canvas Factory
+// (Cached for performance)
+// ===========================================
+
+type AnyCanvas = HTMLCanvasElement | OffscreenCanvas
+type AnyCanvasContext = CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D
+
+// Cache environment checks (evaluated once at module load)
+const IS_WORKER = typeof window === 'undefined' && typeof self !== 'undefined' && typeof document === 'undefined'
+const HAS_OFFSCREEN_CANVAS = typeof OffscreenCanvas !== 'undefined'
+const HAS_DOCUMENT = typeof document !== 'undefined'
+const HAS_IMAGE = typeof Image !== 'undefined'
+const HAS_CREATE_IMAGE_BITMAP = typeof createImageBitmap !== 'undefined'
+
+// Cache canvas contexts for reuse (WeakMap allows GC when canvas is gone)
+const contextCache = new WeakMap<AnyCanvas, AnyCanvasContext>()
+
+/**
+ * Create a canvas that works in both main thread and Web Worker
+ * Prefers OffscreenCanvas for better performance
+ */
+function createCanvas(width: number, height: number): AnyCanvas {
+  if (HAS_OFFSCREEN_CANVAS) {
+    return new OffscreenCanvas(width, height)
+  }
+  if (HAS_DOCUMENT) {
+    const canvas = document.createElement('canvas')
+    canvas.width = width
+    canvas.height = height
+    return canvas
+  }
+  throw new Error('No canvas support available. Neither OffscreenCanvas nor document is available.')
+}
+
+/**
+ * Get 2D context from any canvas type (cached for performance)
+ */
+function getContext2D(canvas: AnyCanvas, options?: CanvasRenderingContext2DSettings): AnyCanvasContext | null {
+  // Check cache first
+  const cached = contextCache.get(canvas)
+  if (cached) return cached
+
+  // Create new context with performance hints
+  const ctx = canvas.getContext('2d', {
+    willReadFrequently: true, // Optimize for getImageData() calls
+    ...options
+  }) as AnyCanvasContext | null
+
+  if (ctx) {
+    contextCache.set(canvas, ctx)
+  }
+  return ctx
+}
+
+/**
+ * Get ImageData from any canvas type
+ */
+function getImageData(canvas: AnyCanvas): ImageData {
+  const ctx = getContext2D(canvas)
+  if (!ctx) {
+    throw new Error('Failed to get 2D context')
+  }
+  return ctx.getImageData(0, 0, canvas.width, canvas.height)
+}
+
+/**
+ * Create ImageBitmap with optimized options for OCR
+ * - premultiplyAlpha: 'none' - avoid alpha premultiplication overhead
+ * - colorSpaceConversion: 'none' - avoid color space conversion overhead
+ */
+async function createOptimizedImageBitmap(source: ImageBitmapSource): Promise<ImageBitmap> {
+  if (!HAS_CREATE_IMAGE_BITMAP) {
+    throw new Error('createImageBitmap is not supported')
+  }
+  
+  try {
+    // Try with optimization options (may not be supported in all browsers)
+    return await createImageBitmap(source, {
+      premultiplyAlpha: 'none',
+      colorSpaceConversion: 'none',
+    })
+  } catch {
+    // Fallback without options
+    return await createImageBitmap(source)
+  }
+}
+
 export class ImageRaw extends ImageRawBase {
   data: Uint8ClampedArray
   #imageData: ImageData
-  #canvas: HTMLCanvasElement
+  #canvas: AnyCanvas
 
   // ===========================================
   // Type Guards
@@ -39,6 +127,13 @@ export class ImageRaw extends ImageRawBase {
     return typeof HTMLVideoElement !== 'undefined' && input instanceof HTMLVideoElement
   }
 
+  /**
+   * Check if the input is an OffscreenCanvas
+   */
+  static isOffscreenCanvas(input: unknown): input is OffscreenCanvas {
+    return HAS_OFFSCREEN_CANVAS && input instanceof OffscreenCanvas
+  }
+
   /**
    * Check if the input is ImageRawData
    */
@@ -59,36 +154,51 @@ export class ImageRaw extends ImageRawBase {
 
   /**
    * Universal factory method that accepts all browser image input types
-   * @param input - URL string, ImageRawData, ImageBitmap, HTMLImageElement, HTMLCanvasElement, or HTMLVideoElement
+   * Works in both main thread and Web Worker
+   * @param input - URL string, ImageRawData, ImageBitmap, HTMLImageElement, HTMLCanvasElement, OffscreenCanvas, or HTMLVideoElement
    * @returns Promise<ImageRaw>
    */
-  static async from(input: BrowserImageInput): Promise<ImageRaw> {
+  static async from(input: BrowserImageInput | OffscreenCanvas): Promise<ImageRaw> {
     // String (URL or data URL)
     if (typeof input === 'string') {
       return ImageRaw.open(input)
     }
 
-    // ImageBitmap
+    // ImageBitmap - Works in both main thread and Worker (most efficient)
     if (ImageRaw.isImageBitmap(input)) {
       return ImageRaw.fromImageBitmap(input)
     }
 
-    // HTMLImageElement
+    // OffscreenCanvas - Works in both main thread and Worker
+    if (ImageRaw.isOffscreenCanvas(input)) {
+      return ImageRaw.fromOffscreenCanvas(input)
+    }
+
+    // HTMLImageElement - Main thread only
     if (ImageRaw.isHTMLImageElement(input)) {
+      if (IS_WORKER) {
+        throw new Error('HTMLImageElement is not available in Web Worker. Use ImageBitmap instead.')
+      }
       return ImageRaw.fromHTMLImageElement(input)
     }
 
-    // HTMLCanvasElement
+    // HTMLCanvasElement - Main thread only
     if (ImageRaw.isHTMLCanvasElement(input)) {
+      if (IS_WORKER) {
+        throw new Error('HTMLCanvasElement is not available in Web Worker. Use OffscreenCanvas instead.')
+      }
       return ImageRaw.fromHTMLCanvasElement(input)
     }
 
-    // HTMLVideoElement
+    // HTMLVideoElement - Main thread only
     if (ImageRaw.isHTMLVideoElement(input)) {
+      if (IS_WORKER) {
+        throw new Error('HTMLVideoElement is not available in Web Worker. Use ImageBitmap instead.')
+      }
       return ImageRaw.fromHTMLVideoElement(input)
     }
 
-    // ImageRawData (fallback)
+    // ImageRawData (fallback) - Works everywhere
     if (ImageRaw.isImageRawData(input)) {
       return new ImageRaw(input)
     }
@@ -97,22 +207,38 @@ export class ImageRaw extends ImageRawBase {
   }
 
   /**
-   * Create ImageRaw from a URL (existing method)
+   * Create ImageRaw from a URL
+   * Works in both main thread and Web Worker
+   * Uses fetch + createImageBitmap for best performance
    */
   static async open(url: string): Promise<ImageRaw> {
-    const image = await imageFromUrl(url)
-    const canvas = document.createElement('canvas')
-    canvasDrawImage(canvas, image, image.naturalWidth, image.naturalHeight)
-    const imageData = canvasGetImageData(canvas)
-    return new ImageRaw({
-      data: imageData.data,
-      width: imageData.width,
-      height: imageData.height,
-    })
+    // Prefer fetch + createImageBitmap (works everywhere, better performance)
+    if (HAS_CREATE_IMAGE_BITMAP) {
+      const response = await fetch(url)
+      const blob = await response.blob()
+      const bitmap = await createOptimizedImageBitmap(blob)
+      return ImageRaw.fromImageBitmap(bitmap)
+    }
+    
+    // Fallback: use Image element (main thread only)
+    if (!IS_WORKER && HAS_IMAGE) {
+      const image = await imageFromUrl(url)
+      const canvas = createCanvas(image.naturalWidth, image.naturalHeight)
+      canvasDrawImage(canvas, image, image.naturalWidth, image.naturalHeight)
+      const imageData = getImageData(canvas)
+      return new ImageRaw({
+        data: imageData.data,
+        width: imageData.width,
+        height: imageData.height,
+      })
+    }
+
+    throw new Error('Cannot load image from URL: no supported method available')
   }
 
   /**
    * Create ImageRaw from an ImageBitmap
+   * Works in both main thread and Web Worker
    * Note: This method will close the ImageBitmap after conversion to free memory
    * @param bitmap - ImageBitmap to convert
    * @returns Promise<ImageRaw>
@@ -123,18 +249,12 @@ export class ImageRaw extends ImageRawBase {
       throw new Error('Invalid ImageBitmap: dimensions are zero (bitmap may be closed or neutered)')
     }
 
-    const canvas = document.createElement('canvas')
-    canvas.width = bitmap.width
-    canvas.height = bitmap.height
-
-    const ctx = canvas.getContext('2d', { willReadFrequently: true })
+    const canvas = createCanvas(bitmap.width, bitmap.height)
+    const ctx = getContext2D(canvas)
+    
     if (!ctx) {
       // Cleanup before throwing
-      try {
-        bitmap.close()
-      } catch {
-        // Ignore if already closed
-      }
+      try { bitmap.close() } catch { /* ignore */ }
       throw new Error('Failed to create canvas 2D context')
     }
 
@@ -148,29 +268,53 @@ export class ImageRaw extends ImageRawBase {
         height: imageData.height,
       })
     } finally {
-      // Always close the bitmap to free memory
-      try {
-        bitmap.close()
-      } catch {
-        // Ignore if already closed or neutered
-      }
+      // Always close the bitmap to free GPU/CPU memory
+      try { bitmap.close() } catch { /* ignore */ }
     }
   }
 
+  /**
+   * Create ImageRaw from an OffscreenCanvas
+   * Works in both main thread and Web Worker
+   * @param canvas - OffscreenCanvas to convert
+   * @returns Promise<ImageRaw>
+   */
+  static async fromOffscreenCanvas(canvas: OffscreenCanvas): Promise<ImageRaw> {
+    const imageData = getImageData(canvas)
+
+    return new ImageRaw({
+      data: imageData.data,
+      width: imageData.width,
+      height: imageData.height,
+    })
+  }
+
   /**
    * Create ImageRaw from an HTMLImageElement
+   * Main thread only
    * @param img - HTMLImageElement to convert (must be loaded/decoded)
    * @returns Promise<ImageRaw>
    */
   static async fromHTMLImageElement(img: HTMLImageElement): Promise<ImageRaw> {
+    if (IS_WORKER) {
+      throw new Error('HTMLImageElement is not available in Web Worker. Use ImageBitmap instead.')
+    }
+
     // Ensure image is loaded
     if (!img.complete || img.naturalWidth === 0) {
       await img.decode()
     }
 
-    const canvas = document.createElement('canvas')
+    // Use createImageBitmap if available (more efficient)
+    if (HAS_CREATE_IMAGE_BITMAP) {
+      const bitmap = await createOptimizedImageBitmap(img)
+      return ImageRaw.fromImageBitmap(bitmap)
+    }
+
+    // Fallback to canvas
+    const canvas = createCanvas(img.naturalWidth, img.naturalHeight)
     canvasDrawImage(canvas, img, img.naturalWidth, img.naturalHeight)
-    const imageData = canvasGetImageData(canvas)
+    const imageData = getImageData(canvas)
 
     return new ImageRaw({
       data: imageData.data,
@@ -181,11 +325,16 @@ export class ImageRaw extends ImageRawBase {
 
   /**
    * Create ImageRaw from an HTMLCanvasElement
+   * Main thread only
    * @param canvas - HTMLCanvasElement to convert
    * @returns Promise<ImageRaw>
    */
   static async fromHTMLCanvasElement(canvas: HTMLCanvasElement): Promise<ImageRaw> {
-    const imageData = canvasGetImageData(canvas)
+    if (IS_WORKER) {
+      throw new Error('HTMLCanvasElement is not available in Web Worker. Use OffscreenCanvas instead.')
+    }
+
+    const imageData = getImageData(canvas)
 
     return new ImageRaw({
       data: imageData.data,
@@ -196,19 +345,29 @@ export class ImageRaw extends ImageRawBase {
 
   /**
    * Create ImageRaw from an HTMLVideoElement (captures current frame)
+   * Main thread only
    * @param video - HTMLVideoElement to capture from
    * @returns Promise<ImageRaw>
    */
   static async fromHTMLVideoElement(video: HTMLVideoElement): Promise<ImageRaw> {
+    if (IS_WORKER) {
+      throw new Error('HTMLVideoElement is not available in Web Worker. Use ImageBitmap instead.')
+    }
+
     if (video.readyState < 2) {
       throw new Error('Video is not ready. Ensure video has loaded metadata and data.')
     }
 
-    const canvas = document.createElement('canvas')
-    canvas.width = video.videoWidth
-    canvas.height = video.videoHeight
+    // Use createImageBitmap if available (more efficient, direct GPU access)
+    if (HAS_CREATE_IMAGE_BITMAP) {
+      const bitmap = await createOptimizedImageBitmap(video)
+      return ImageRaw.fromImageBitmap(bitmap)
+    }
 
-    const ctx = canvas.getContext('2d', { willReadFrequently: true })
+    // Fallback to canvas
+    const canvas = createCanvas(video.videoWidth, video.videoHeight)
+    const ctx = getContext2D(canvas)
+    
     if (!ctx) {
       throw new Error('Failed to create canvas 2D context')
     }
@@ -228,53 +387,65 @@ export class ImageRaw extends ImageRawBase {
   // ===========================================
 
   constructor({ data, width, height }: ImageRawData) {
-    const newData = Uint8ClampedArray.from(data)
+    // Avoid unnecessary copy if already Uint8ClampedArray
+    const newData = data instanceof Uint8ClampedArray 
+      ? new Uint8ClampedArray(data.buffer, data.byteOffset, data.length)
+      : new Uint8ClampedArray(data)
+    
     super({
       data: newData,
       width,
       height,
     })
-    const canvas = document.createElement('canvas')
-    const imageData = new ImageData(newData, width, height)
+    
+    const canvas = createCanvas(width, height)
+    const imageData = new ImageData(new Uint8ClampedArray(newData), width, height)
     canvasPutImageData(canvas, imageData)
     this.#canvas = canvas
     this.#imageData = imageData
-    this.data = newData // this.data is undefined without this line
+    this.data = newData
   }
 
+  /**
+   * Debug method - appends canvas to document body
+   * Main thread only, no-op in Worker
+   */
   async write(path: string) {
-    document.body.append(this.#canvas)
+    if (!IS_WORKER && HAS_DOCUMENT && this.#canvas instanceof HTMLCanvasElement) {
+      document.body.append(this.#canvas)
+    }
+    // In Worker environment, this is a no-op
   }
 
   async resize({ width, height }: SizeOption) {
     invariant(width !== undefined || height !== undefined, 'both width and height are undefined')
     const newWidth = width || Math.round((this.width / this.height) * height!)
     const newHeight = height || Math.round((this.height / this.width) * width!)
-    const newCanvas = document.createElement('canvas')
+    const newCanvas = createCanvas(newWidth, newHeight)
     canvasDrawImage(newCanvas, this.#canvas, newWidth, newHeight)
-    const newImageData = canvasGetImageData(newCanvas)
+    const newImageData = getImageData(newCanvas)
     return this.#apply(newImageData)
   }
 
   async drawBox(lineImages: LineImage[]) {
-    this.#ctx.strokeStyle = 'red'
+    const ctx = getContext2D(this.#canvas)
+    if (!ctx) {
+      throw new Error('Failed to get 2D context')
+    }
+    ctx.strokeStyle = 'red'
     for (const lineImage of lineImages) {
       const [first, ...rests] = lineImage.box
-      this.#ctx.beginPath()
-      this.#ctx.moveTo(first[0], first[1])
+      ctx.beginPath()
+      ctx.moveTo(first[0], first[1])
       for (const rest of rests) {
-        this.#ctx.lineTo(rest[0], rest[1])
+        ctx.lineTo(rest[0], rest[1])
       }
-      this.#ctx.closePath()
-      this.#ctx.stroke()
+      ctx.closePath()
+      ctx.stroke()
     }
     return this
   }
 
-  get #ctx() {
-    return this.#canvas.getContext('2d')!
-  }
-
   #apply(imageData: ImageData) {
     canvasPutImageData(this.#canvas, imageData)
     this.#imageData = imageData
@@ -283,43 +454,33 @@ export class ImageRaw extends ImageRawBase {
     this.height = imageData.height
     return this
   }
-
-  #putImageData() {
-    this.#canvas.width = this.width
-    this.#canvas.height = this.height
-    this.#ctx.putImageData(this.#imageData, 0, 0)
-    return this
-  }
-
-  #drawImage(image: CanvasImageSource, width?: number, height?: number) {
-    canvasDrawImage(this.#canvas, image, width, height)
-    return this
-  }
 }
 
 // ===========================================
 // Helper Functions
 // ===========================================
 
-function canvasDrawImage(canvas: HTMLCanvasElement, image: CanvasImageSource, width?: number, height?: number) {
+function canvasDrawImage(canvas: AnyCanvas, image: CanvasImageSource, width?: number, height?: number) {
   canvas.width = width || (image as any).width
   canvas.height = height || (image as any).height
-  const ctx = canvas.getContext('2d')!
+  const ctx = getContext2D(canvas)
+  if (!ctx) {
+    throw new Error('Failed to get 2D context')
+  }
   ctx.drawImage(image, 0, 0, canvas.width, canvas.height)
 }
 
-function canvasPutImageData(canvas: HTMLCanvasElement, imageData: ImageData, width?: number, height?: number) {
-  const ctx = canvas.getContext('2d')!
+function canvasPutImageData(canvas: AnyCanvas, imageData: ImageData, width?: number, height?: number) {
   canvas.width = width || imageData.width
   canvas.height = height || imageData.height
+  const ctx = getContext2D(canvas)
+  if (!ctx) {
+    throw new Error('Failed to get 2D context')
+  }
   ctx.putImageData(imageData, 0, 0)
 }
 
-function canvasGetImageData(canvas: HTMLCanvasElement) {
-  return canvas.getContext('2d')!.getImageData(0, 0, canvas.width, canvas.height)
-}
-
-async function imageFromUrl(url: string) {
+async function imageFromUrl(url: string): Promise<HTMLImageElement> {
   const image = new Image()
   image.src = url
   await image.decode()