Mercurial > hg > orthanc-wsi

changeset 521:da89bfe91873 annotations

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
display values of brightness/contrast/saturation
author Sebastien Jodogne <s.jodogne@gmail.com>
date Wed, 26 Aug 2026 19:11:48 +0200
parents e388e2b15b22
children 018fa7f3bd4f
files ViewerPlugin/WebApplication/viewer.html ViewerPlugin/WebApplication/viewer.js
diffstat 2 files changed, 12 insertions(+), 12 deletions(-) [+]
line wrap: on
line diff
--- a/ViewerPlugin/WebApplication/viewer.html	Wed Aug 26 19:05:57 2026 +0200
+++ b/ViewerPlugin/WebApplication/viewer.html	Wed Aug 26 19:11:48 2026 +0200
@@ -538,18 +538,18 @@
         <div id="popover-adjustments">
           <div class="container">
             <div class="mb-1">
-              <label for="range-brightness" class="form-label">Brightness:</label>
-              <input id="range-brightness" type="range" class="form-range" min="-1" max="1" step="0.01"
+              <label for="range-brightness" class="form-label">Brightness: <b class="ps-2">{{brightness}}</b></label>
+              <input id="range-brightness" type="range" class="form-range" min="-100" max="100" step="1"
                      v-model.number="brightness" v-on:input="map.render()">
             </div>
             <div class="mb-1">
-              <label for="range-contrast" class="form-label">Contrast:</label>
-              <input id="range-contrast" type="range" class="form-range" min="-1" max="1" step="0.01"
+              <label for="range-contrast" class="form-label">Contrast: <b class="ps-2">{{contrast}}</b></label>
+              <input id="range-contrast" type="range" class="form-range" min="-100" max="100" step="1"
                      v-model.number="contrast" v-on:input="map.render()">
             </div>
             <div class="mb-1">
-              <label for="range-saturation" class="form-label">Saturation:</label>
-              <input id="range-saturation" type="range" class="form-range" min="-1" max="1" step="0.01"
+              <label for="range-saturation" class="form-label">Saturation: <b class="ps-2">{{saturation}}</b></label>
+              <input id="range-saturation" type="range" class="form-range" min="-100" max="100" step="1"
                      v-model.number="saturation" v-on:input="map.render()">
             </div>
             <div class="d-grid">
--- a/ViewerPlugin/WebApplication/viewer.js	Wed Aug 26 19:05:57 2026 +0200
+++ b/ViewerPlugin/WebApplication/viewer.js	Wed Aug 26 19:11:48 2026 +0200
@@ -32,9 +32,9 @@
       level: '',
       resourceId: '',
       frameNumber: 0,
-      brightness: 0, // In the range between [-1,1]
-      contrast: 0,   // In the range between [-1,1]
-      saturation: 0, // In the range between [-1,1]
+      brightness: 0, // In the range between [-100,100]
+      contrast: 0,   // In the range between [-100,100]
+      saturation: 0, // In the range between [-100,100]
       // hue: 0,        // Degrees, in the range between [-180,180]
 
       // Main state for annotations
@@ -746,9 +746,9 @@
 
         if (context) {
           context.save();
-          var brightness = Math.pow(4, that.brightness);  // Ranges between 0.25 and 4
-          var contrast = Math.pow(4, that.contrast);      // Ranges between 0.25 and 4
-          var saturation = Math.pow(4, that.saturation);  // Ranges between 0.25 and 4
+          var brightness = Math.pow(4, that.brightness / 100.0);  // Ranges between 0.25 and 4
+          var contrast = Math.pow(4, that.contrast / 100.0);      // Ranges between 0.25 and 4
+          var saturation = Math.pow(4, that.saturation / 100.0);  // Ranges between 0.25 and 4
           context.filter =
             'brightness(' + brightness.toFixed(4) + ') ' +
             'contrast(' + contrast.toFixed(4) + ')' +