hdr-canvas 0.0.4 → 0.0.6

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,9 +5934,10 @@ 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;
 }