hdr-canvas 0.0.5 → 0.0.7

package/README.md

@@ -1,10 +1,10 @@
 # `hdr-canvas`
 
-This Module contains a collection of functions and classes to work with the HDR support for HTML `canvas` elements i chrome based browsers. This should only be considered as proof of concept or alpha code, don't use it in production environments.
+This module contains a collection of functions and classes to work with the HDR support for HTML `canvas` elements in chromium based (like Chrome, Edge, Opera and Brave) browsers.
 
-## Perfomance
+**This should only be considered as proof of concept or alpha code, don't use it in production environments!**
 
-This module is intended as a proof of concept (PoC), especially operations on the `ImageData` arrays are not optimized, e.g. quite slow.
+**Especially operations on the `ImageData` arrays are not optimized, e.g. quite slow.**
 
 # Feature detection
 
@@ -28,6 +28,8 @@ if (checkHDRCanvas()) {
 }
 ```
 
+This can be useful to add a warning (using the [`fillText()`](https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/fillText) method) to the canvas if it doesn't support HDR content.
+
 ## Example `checkHDRCanvas()`
 
 ```javascript
@@ -106,6 +108,10 @@ Use it as you'll do with a `WebGPURenderer`.
 renderer = new HDRWebGPURenderer({ canvas: canvas, antialias: true });
 ```
 
+# Example
+
+See [this](https://christianmahnke.de/en/post/hdr-image-analysis/) blog post for an example in action, requires a Chromium based browser (like Chrome, Edge, Opera and Brave) and a HDR-enable monitor.
+
 ---
 
 # TODO
@@ -115,3 +121,6 @@ The following things might be improved:
 - Try to detect change of screen for HDR detection
 - Improve speed
   - Provide WebWorker
+- Documentation
+  - Link to browser HDR support
+  - Document `Uint16Image`

package/dist/hdr-canvas.cjs

@@ -5934,14 +5934,34 @@ function checkHDRCanvas() {
     }
 }
 
+const hdr_options = { colorSpace: Uint16Image.DEFAULT_COLORSPACE, pixelFormat: 'float16' };
 function initHDRCanvas(canvas) {
     canvas.configureHighDynamicRange({ mode: 'extended' });
-    const ctx = canvas.getContext("2d", { colorSpace: Uint16Image.DEFAULT_COLORSPACE, pixelFormat: 'float16' });
+    const ctx = canvas.getContext("2d", hdr_options);
     return ctx;
 }
+function defaultGetContextHDR() {
+    HTMLCanvasElement.prototype._getContext = HTMLCanvasElement.prototype.getContext;
+    HTMLCanvasElement.prototype.getContext = function (type, options) {
+        if (options !== undefined) {
+            options = Object.assign({}, options, hdr_options);
+        }
+        else {
+            options = hdr_options;
+        }
+        return this._getContext(type, options);
+    };
+}
+function resetGetContext() {
+    if (typeof HTMLCanvasElement.prototype._getContext === "function") {
+        HTMLCanvasElement.prototype.getContext = HTMLCanvasElement.prototype._getContext;
+    }
+}
 
 exports.Uint16Image = Uint16Image;
 exports.checkHDR = checkHDR;
 exports.checkHDRCanvas = checkHDRCanvas;
+exports.defaultGetContextHDR = defaultGetContextHDR;
 exports.initHDRCanvas = initHDRCanvas;
+exports.resetGetContext = resetGetContext;
 //# sourceMappingURL=hdr-canvas.cjs.map