@jax-data-science/sci-image-visualizer 0.1.0

package/esm2022/lib/implementations/osd/osd-scale-bar.mjs

@@ -0,0 +1,88 @@
+import { OSD } from './osd-lib';
+/** Round up to a "nice" 1/2/5 × 10ⁿ value for scale-bar lengths. */
+function niceLength(x) {
+    if (x <= 0)
+        return 1;
+    const base = Math.pow(10, Math.floor(Math.log10(x)));
+    const f = x / base;
+    const nice = f < 1.5 ? 1 : f < 3.5 ? 2 : f < 7.5 ? 5 : 10;
+    return nice * base;
+}
+/**
+ * Format a length given in micrometres, picking the unit that suits its
+ * magnitude. The value is always µm internally (jit-service normalises whatever
+ * unit Bio-Formats reports — nm/µm/mm/cm/inch — to µm), so this adapts the
+ * displayed unit to the image's actual scale rather than assuming microns.
+ */
+function formatUm(um) {
+    const trim = (n) => (n % 1 === 0 ? `${n}` : n.toFixed(1));
+    if (um >= 1e6)
+        return `${trim(um / 1e6)} m`;
+    if (um >= 1e4)
+        return `${trim(um / 1e4)} cm`;
+    if (um >= 1e3)
+        return `${trim(um / 1e3)} mm`;
+    if (um >= 1)
+        return `${trim(um)} µm`;
+    return `${trim(um * 1000)} nm`;
+}
+/**
+ * A physical scale bar drawn over an OpenSeadragon viewer. Recomputes on every
+ * pan/zoom from the viewport's image→screen scale and the image's µm/pixel
+ * (`mppX`, from Bio-Formats). Hidden when the image has no physical pixel size.
+ */
+export class OsdScaleBar {
+    constructor(viewer, mppX) {
+        this.viewer = viewer;
+        this.mppX = mppX;
+        this.osd = OSD;
+        this.redrawHandler = () => this.update();
+        this.bar = document.createElement('div');
+        Object.assign(this.bar.style, {
+            position: 'absolute', left: '12px', bottom: '12px', zIndex: '30',
+            pointerEvents: 'none', color: '#fff', font: '11px sans-serif',
+            textShadow: '0 0 3px #000', textAlign: 'center', userSelect: 'none',
+        });
+        this.label = document.createElement('span');
+        this.line = document.createElement('div');
+        Object.assign(this.line.style, {
+            height: '4px', marginTop: '2px', background: 'rgba(255,255,255,0.9)',
+            borderLeft: '1px solid #fff', borderRight: '1px solid #fff',
+            boxShadow: '0 0 3px #000',
+        });
+        this.bar.appendChild(this.label);
+        this.bar.appendChild(this.line);
+        this.viewer.canvas.appendChild(this.bar);
+        this.viewer.addHandler('update-viewport', this.redrawHandler);
+        this.viewer.addHandler('animation', this.redrawHandler);
+        this.viewer.addHandler('resize', this.redrawHandler);
+        this.update();
+    }
+    update() {
+        if (!(this.mppX > 0) || !this.viewer.viewport || this.viewer.world?.getItemCount() === 0) {
+            this.bar.style.display = 'none';
+            return;
+        }
+        const vp = this.viewer.viewport;
+        const a = vp.imageToViewerElementCoordinates(new this.osd.Point(0, 0));
+        const b = vp.imageToViewerElementCoordinates(new this.osd.Point(1, 0));
+        const pxPerImagePx = Math.abs(b.x - a.x); // screen px per image px
+        if (!(pxPerImagePx > 0)) {
+            this.bar.style.display = 'none';
+            return;
+        }
+        const umPerScreenPx = this.mppX / pxPerImagePx;
+        const niceUm = niceLength(120 * umPerScreenPx); // target ~120px bar
+        this.bar.style.display = '';
+        this.line.style.width = `${Math.round(niceUm / umPerScreenPx)}px`;
+        this.label.textContent = formatUm(niceUm);
+    }
+    destroy() {
+        this.viewer.removeHandler('update-viewport', this.redrawHandler);
+        this.viewer.removeHandler('animation', this.redrawHandler);
+        this.viewer.removeHandler('resize', this.redrawHandler);
+        if (this.bar.parentNode)
+            this.bar.parentNode.removeChild(this.bar);
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3NkLXNjYWxlLWJhci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvaW1wbGVtZW50YXRpb25zL29zZC9vc2Qtc2NhbGUtYmFyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFFaEMsb0VBQW9FO0FBQ3BFLFNBQVMsVUFBVSxDQUFDLENBQVM7SUFDM0IsSUFBSSxDQUFDLElBQUksQ0FBQztRQUFFLE9BQU8sQ0FBQyxDQUFDO0lBQ3JCLE1BQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDckQsTUFBTSxDQUFDLEdBQUcsQ0FBQyxHQUFHLElBQUksQ0FBQztJQUNuQixNQUFNLElBQUksR0FBRyxDQUFDLEdBQUcsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUM7SUFDMUQsT0FBTyxJQUFJLEdBQUcsSUFBSSxDQUFDO0FBQ3JCLENBQUM7QUFFRDs7Ozs7R0FLRztBQUNILFNBQVMsUUFBUSxDQUFDLEVBQVU7SUFDMUIsTUFBTSxJQUFJLEdBQUcsQ0FBQyxDQUFTLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUNsRSxJQUFJLEVBQUUsSUFBSSxHQUFHO1FBQUUsT0FBTyxHQUFHLElB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Q0FBQztJQUM1QyxDQUFDO0lBRUQsT0FBTztRQUNMLElBQUksQ0FBQyxNQUFNLENBQUMsYUFBYSxDQUFDLGlCQUFpQixFQUFFLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUNqRSxJQUFJLENBQUMsTUFBTSxDQUFDLGFBQWEsQ0FBQyxXQUFXLEVBQUUsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQzNELElBQUksQ0FBQyxNQUFNLENBQUMsYUFBYSxDQUFDLFFBQVEsRUFBRSxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDeEQsSUFBSSxJQUFJLENBQUMsR0FBRyxDQUFDLFVBQVU7WUFBRSxJQUFJLENBQUMsR0FBRyxDQUFDLFVBQVUsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQ3JFLENBQUM7Q0FDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE9TRCB9IGZyb20gJy4vb3NkLWxpYic7XG5cbi8qKiBSb3VuZCB1cCB0byBhIFwibmljZVwiIDEvMi81IMOXIDEw4oG/IHZhbHVlIGZvciBzY2FsZS1iYXIgbGVuZ3Rocy4gKi9cbmZ1bmN0aW9uIG5pY2VMZW5ndGgoeDogbnVtYmVyKTogbnVtYmVyIHtcbiAgaWYgKHggPD0gMCkgcmV0dXJuIDE7XG4gIGNvbnN0IGJhc2UgPSBNYXRoLnBvdygxMCwgTWF0aC5mbG9vcihNYXRoLmxvZzEwKHgpKSk7XG4gIGNvbnN0IGYgPSB4IC8gYmFzZTtcbiAgY29uc3QgbmljZSA9IGYgPCAxLjUgPyAxIDogZiA8IDMuNSA/IDIgOiBmIDwgNy41ID8gNSA6IDEwO1xuICByZXR1cm4gbmljZSAqIGJhc2U7XG59XG5cbi8qKlxuICogRm9ybWF0IGEgbGVuZ3RoIGdpdmVuIGluIG1pY3JvbWV0cmVzLCBwaWNraW5nIHRoZSB1bml0IHRoYXQgc3VpdHMgaXRzXG4gKiBtYWduaXR1ZGUuIFRoZSB2YWx1ZSBpcyBhbHdheXMgwrVtIGludGVybmFsbHkgKGppdC1zZXJ2aWNlIG5vcm1hbGlzZXMgd2hhdGV2ZXJcbiAqIHVuaXQgQmlvLUZvcm1hdHMgcmVwb3J0cyDigJQgbm0vwrVtL21tL2NtL2luY2gg4oCUIHRvIMK1bSksIHNvIHRoaXMgYWRhcHRzIHRoZVxuICogZGlzcGxheWVkIHVuaXQgdG8gdGhlIGltYWdlJ3MgYWN0dWFsIHNjYWxlIHJhdGhlciB0aGFuIGFzc3VtaW5nIG1pY3JvbnMuXG4gKi9cbmZ1bmN0aW9uIGZvcm1hdFVtKHVtOiBudW1iZXIpOiBzdHJpbmcge1xuICBjb25zdCB0cmltID0gKG46IG51bWJlcikgPT4gKG4gJSAxID09PSAwID8gYCR7bn1gIDogbi50b0ZpeGVkKDEpKTtcbiAgaWYgKHVtID49IDFlNikgcmV0dXJuIGAke3RyaW0odW0gLyAxZTYpfSBtYDtcbiAgaWYgKHVtID49IDFlNCkgcmV0dXJuIGAke3RyaW0odW0gLyAxZTQpfSBjbWA7XG4gIGlmICh1bSA+PSAxZTMpIHJldHVybiBgJHt0cmltKHVtIC8gMWUzKX0gbW1gO1xuICBpZiAodW0gPj0gMSkgcmV0dXJuIGAke3RyaW0odW0pfSDCtW1gO1xuICByZXR1cm4gYCR7dHJpbSh1bSAqIDEwMDApfSBubWA7XG59XG5cbi8qKlxuICogQSBwaHlzaWNhbCBzY2FsZSBiYXIgZHJhd24gb3ZlciBhbiBPcGVuU2VhZHJhZ29uIHZpZXdlci4gUmVjb21wdXRlcyBvbiBldmVyeVxuICogcGFuL3pvb20gZnJvbSB0aGUgdmlld3BvcnQncyBpbWFnZeKGknNjcmVlbiBzY2FsZSBhbmQgdGhlIGltYWdlJ3MgwrVtL3BpeGVsXG4gKiAoYG1wcFhgLCBmcm9tIEJpby1Gb3JtYXRzKS4gSGlkZGVuIHdoZW4gdGhlIGltYWdlIGhhcyBubyBwaHlzaWNhbCBwaXhlbCBzaXplLlxuICovXG5leHBvcnQgY2xhc3MgT3NkU2NhbGVCYXIge1xuICBwcml2YXRlIHJlYWRvbmx5IG9zZDogYW55ID0gT1NEO1xuICBwcml2YXRlIHJlYWRvbmx5IGJhcjogSFRNTERpdkVsZW1lbnQ7XG4gIHByaXZhdGUgcmVhZG9ubHkgbGluZTogSFRNTERpdkVsZW1lbnQ7XG4gIHByaXZhdGUgcmVhZG9ubHkgbGFiZWw6IEhUTUxTcGFuRWxlbWVudDtcbiAgcHJpdmF0ZSByZWFkb25seSByZWRyYXdIYW5kbGVyID0gKCkgPT4gdGhpcy51cGRhdGUoKTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHZpZXdlcjogYW55LCBwcml2YXRlIG1wcFg6IG51bWJlcikge1xuICAgIHRoaXMuYmFyID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnZGl2Jyk7XG4gICAgT2JqZWN0LmFzc2lnbih0aGlzLmJhci5zdHlsZSwge1xuICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsIGxlZnQ6ICcxMnB4JywgYm90dG9tOiAnMTJweCcsIHpJbmRleDogJzMwJyxcbiAgICAgIHBvaW50ZXJFdmVudHM6ICdub25lJywgY29sb3I6ICcjZmZmJywgZm9udDogJzExcHggc2Fucy1zZXJpZicsXG4gICAgICB0ZXh0U2hhZG93OiAnMCAwIDNweCAjMDAwJywgdGV4dEFsaWduOiAnY2VudGVyJywgdXNlclNlbGVjdDogJ25vbmUnLFxuICAgIH0gYXMgQ1NTU3R5bGVEZWNsYXJhdGlvbik7XG4gICAgdGhpcy5sYWJlbCA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ3NwYW4nKTtcbiAgICB0aGlzLmxpbmUgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdkaXYnKTtcbiAgICBPYmplY3QuYXNzaWduKHRoaXMubGluZS5zdHlsZSwge1xuICAgICAgaGVpZ2h0OiAnNHB4JywgbWFyZ2luVG9wOiAnMnB4JywgYmFja2dyb3VuZDogJ3JnYmEoMjU1LDI1NSwyNTUsMC45KScsXG4gICAgICBib3JkZXJMZWZ0OiAnMXB4IHNvbGlkICNmZmYnLCBib3JkZXJSaWdodDogJzFweCBzb2xpZCAjZmZmJyxcbiAgICAgIGJveFNoYWRvdzogJzAgMCAzcHggIzAwMCcsXG4gICAgfSBhcyBDU1NTdHlsZURlY2xhcmF0aW9uKTtcbiAgICB0aGlzLmJhci5hcHBlbmRDaGlsZCh0aGlzLmxhYmVsKTtcbiAgICB0aGlzLmJhci5hcHBlbmRDaGlsZCh0aGlzLmxpbmUpO1xuICAgIHRoaXMudmlld2VyLmNhbnZhcy5hcHBlbmRDaGlsZCh0aGlzLmJhcik7XG5cbiAgICB0aGlzLnZpZXdlci5hZGRIYW5kbGVyKCd1cGRhdGUtdmlld3BvcnQnLCB0aGlzLnJlZHJhd0hhbmRsZXIpO1xuICAgIHRoaXMudmlld2VyLmFkZEhhbmRsZXIoJ2FuaW1hdGlvbicsIHRoaXMucmVkcmF3SGFuZGxlcik7XG4gICAgdGhpcy52aWV3ZXIuYWRkSGFuZGxlcigncmVzaXplJywgdGhpcy5yZWRyYXdIYW5kbGVyKTtcbiAgICB0aGlzLnVwZGF0ZSgpO1xuICB9XG5cbiAgcHJpdmF0ZSB1cGRhdGUoKTogdm9pZCB7XG4gICAgaWYgKCEodGhpcy5tcHBYID4gMCkgfHwgIXRoaXMudmlld2VyLnZpZXdwb3J0IHx8IHRoaXMudmlld2VyLndvcmxkPy5nZXRJdGVtQ291bnQoKSA9PT0gMCkge1xuICAgICAgdGhpcy5iYXIuc3R5bGUuZGlzcGxheSA9ICdub25lJztcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgY29uc3QgdnAgPSB0aGlzLnZpZXdlci52aWV3cG9ydDtcbiAgICBjb25zdCBhID0gdnAuaW1hZ2VUb1ZpZXdlckVsZW1lbnRDb29yZGluYXRlcyhuZXcgdGhpcy5vc2QuUG9pbnQoMCwgMCkpO1xuICAgIGNvbnN0IGIgPSB2cC5pbWFnZVRvVmlld2VyRWxlbWVudENvb3JkaW5hdGVzKG5ldyB0aGlzLm9zZC5Qb2ludCgxLCAwKSk7XG4gICAgY29uc3QgcHhQZXJJbWFnZVB4ID0gTWF0aC5hYnMoYi54IC0gYS54KTsgLy8gc2NyZWVuIHB4IHBlciBpbWFnZSBweFxuICAgIGlmICghKHB4UGVySW1hZ2VQeCA+IDApKSB7IHRoaXMuYmFyLnN0eWxlLmRpc3BsYXkgPSAnbm9uZSc7IHJldHVybjsgfVxuXG4gICAgY29uc3QgdW1QZXJTY3JlZW5QeCA9IHRoaXMubXBwWCAvIHB4UGVySW1hZ2VQeDtcbiAgICBjb25zdCBuaWNlVW0gPSBuaWNlTGVuZ3RoKDEyMCAqIHVtUGVyU2NyZWVuUHgpOyAvLyB0YXJnZXQgfjEyMHB4IGJhclxuICAgIHRoaXMuYmFyLnN0eWxlLmRpc3BsYXkgPSAnJztcbiAgICB0aGlzLmxpbmUuc3R5bGUud2lkdGggPSBgJHtNYXRoLnJvdW5kKG5pY2VVbSAvIHVtUGVyU2NyZWVuUHgpfXB4YDtcbiAgICB0aGlzLmxhYmVsLnRleHRDb250ZW50ID0gZm9ybWF0VW0obmljZVVtKTtcbiAgfVxuXG4gIGRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy52aWV3ZXIucmVtb3ZlSGFuZGxlcigndXBkYXRlLXZpZXdwb3J0JywgdGhpcy5yZWRyYXdIYW5kbGVyKTtcbiAgICB0aGlzLnZpZXdlci5yZW1vdmVIYW5kbGVyKCdhbmltYXRpb24nLCB0aGlzLnJlZHJhd0hhbmRsZXIpO1xuICAgIHRoaXMudmlld2VyLnJlbW92ZUhhbmRsZXIoJ3Jlc2l6ZScsIHRoaXMucmVkcmF3SGFuZGxlcik7XG4gICAgaWYgKHRoaXMuYmFyLnBhcmVudE5vZGUpIHRoaXMuYmFyLnBhcmVudE5vZGUucmVtb3ZlQ2hpbGQodGhpcy5iYXIpO1xuICB9XG59XG4iXX0=