Merge pull request niivue#1066 from niivue/issue1065

Orientation Label Regression

Author: hanayik

src/index.html

@@ -65,14 +65,23 @@
         <option value="2">Grid</option>
         <option value="3">Row</option>
       </select>
-      <label for="renderingSelect">Rendering</label>
+      <label for="renderingSelect">MultiplanarRendering</label>
       <select id="renderingSelect">
         <option value="0">Never</option>
         <option value="1">Always</option>
         <option value="2" selected>Auto</option>
       </select>
+      <select id="sliceType">
+        <option value="0">Axial</option>
+        <option value="1">Coronal</option>
+        <option value="2">Sagittal</option>
+        <option value="4">Render</option>
+        <option value="3" selected>Multiplanar</option>
+      </select>
       <label for="equalCheck">EqualSize</label>
       <input type="checkbox" id="equalCheck" checked />
+      <label for="cornerCheck">CornerText</label>
+      <input type="checkbox" id="cornerCheck" unchecked />
     </header>
     <main id="canvas-container">
       <canvas id="gl1"></canvas>
@@ -132,6 +141,14 @@
         nv1.opts.multiplanarEqualSize = this.checked
         nv1.drawScene()
       }
+      cornerCheck.onchange = function () {
+        //nv1.opts.isCornerOrientationText = this.checked\
+        nv1.setCornerOrientationText(this.checked)
+      }
+      sliceType.onchange = function () {
+        let st = parseInt(document.getElementById("sliceType").value);
+        nv1.setSliceType(st)
+      }
       var volumeList1 = [{ url: "../demos/images/mni152.nii.gz" }];
       let defaults = {
         backColor: [0, 0, 0, 1],

src/niivue/index.ts

@@ -8305,8 +8305,10 @@ export class Niivue {
       elevation = isRadiolgical ? -90 : 90
     }
     const gl = this.gl
+    let isStretchToScreen = false
     if (leftTopWidthHeight[2] === 0 || leftTopWidthHeight[3] === 0) {
       // only one tile: stretch tile to fill whole screen.
+      isStretchToScreen = true
       const pixPerMMw = gl.canvas.width / screen.fovMM[0]
       const pixPerMMh = gl.canvas.height / screen.fovMM[1]
       const pixPerMMmin = Math.min(pixPerMMw, pixPerMMh)
@@ -8465,6 +8467,10 @@ export class Niivue {
       // no crossbars for mosaic view
       this.drawCrosshairs3D(false, 0.15, obj.modelViewProjectionMatrix, true, this.opts.isSliceMM)
     }
+    if (isStretchToScreen) {
+      // issue1065
+      this.drawSliceOrientationText(leftTopWidthHeight, axCorSag)
+    }
     this.readyForSync = true
   }
 
@@ -8491,7 +8497,10 @@ export class Niivue {
     if (customMM === Infinity || customMM === -Infinity || axCorSag === SLICE_TYPE.RENDER) {
       return
     }
-    this.drawSliceOrientationText(leftTopWidthHeight, axCorSag, padLeftTop)
+    if (leftTopWidthHeight[2] !== 0 && leftTopWidthHeight[3] !== 0) {
+      // issue1065
+      this.drawSliceOrientationText(leftTopWidthHeight, axCorSag, padLeftTop)
+    }
   }
 
   // not included in public docs