@cornerstonejs/core 0.46.0 → 0.46.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cornerstonejs/core",
-  "version": "0.46.0",
+  "version": "0.46.2",
   "description": "",
   "main": "dist/umd/index.js",
   "types": "dist/esm/index.d.ts",
@@ -43,5 +43,5 @@
     "type": "individual",
     "url": "https://ohif.org/donate"
   },
-  "gitHead": "5856c935d5879c1efa3a50930044d6526ed5c2c2"
+  "gitHead": "1e5e0ec2e760c409d532f14b145f52853a9f50ec"
 }

package/src/utilities/index.ts

@@ -44,6 +44,7 @@ import applyPreset from './applyPreset';
 import deepMerge from './deepMerge';
 import getScalingParameters from './getScalingParameters';
 import getScalarDataType from './getScalarDataType';
+import isPTPrescaledWithSUV from './isPTPrescaledWithSUV';
 
 // name spaces
 import * as planar from './planar';
@@ -89,6 +90,7 @@ export {
   snapFocalPointToSlice,
   getImageSliceDataForVolumeViewport,
   isImageActor,
+  isPTPrescaledWithSUV,
   actorIsA,
   getViewportsWithImageURI,
   getClosestStackImageIndexForPoint,

package/src/utilities/isPTPrescaledWithSUV.ts

@@ -0,0 +1,7 @@
+import { IImage } from '../types';
+
+const isPTPrescaledWithSUV = (image: IImage) => {
+  return image.preScale?.scaled && image.preScale.scalingParameters?.suvbw;
+};
+
+export default isPTPrescaledWithSUV;

package/src/utilities/renderToCanvasGPU.ts

@@ -4,6 +4,7 @@ import StackViewport from '../RenderingEngine/StackViewport';
 import { IImage } from '../types';
 import { getRenderingEngine } from '../RenderingEngine/getRenderingEngine';
 import RenderingEngine from '../RenderingEngine';
+import isPTPrescaledWithSUV from './isPTPrescaledWithSUV';
 
 /**
  * Renders an cornerstone image to a Canvas. This method will handle creation
@@ -43,6 +44,17 @@ export default function renderToCanvasGPU(
   element.style.visibility = 'hidden';
   element.style.position = 'absolute';
 
+  // Up-sampling the provided canvas to match the device pixel ratio
+  // since we use device pixel ratio to determine the size of the canvas
+  // inside the rendering engine.
+  const devicePixelRatio = window.devicePixelRatio || 1;
+  const originalWidth = canvas.width;
+  const originalHeight = canvas.height;
+  canvas.width = originalWidth * devicePixelRatio;
+  canvas.height = originalHeight * devicePixelRatio;
+  canvas.style.width = `${originalWidth}px`;
+  canvas.style.height = `${originalHeight}px`;
+
   document.body.appendChild(element);
 
   // add id to the element so we can find it later, and fix the : which is not allowed in css
@@ -84,7 +96,18 @@ export default function renderToCanvasGPU(
 
       // Copy the temporary canvas to the given canvas
       const context = canvas.getContext('2d');
-      context.drawImage(temporaryCanvas, 0, 0);
+      context.drawImage(
+        temporaryCanvas,
+        0,
+        0,
+        temporaryCanvas.width,
+        temporaryCanvas.height, // source dimensions
+        0,
+        0,
+        canvas.width,
+        canvas.height // destination dimensions
+      );
+
       elementRendered = true;
 
       // remove based on id
@@ -112,7 +135,10 @@ export default function renderToCanvasGPU(
     element.addEventListener(Events.IMAGE_RENDERED, onImageRendered);
     viewport.renderImageObject(image);
 
-    if (modality === 'PT' && !_isPTImagePreScaledWithSUV(image)) {
+    // force a reset camera to center the image
+    viewport.resetCamera();
+
+    if (modality === 'PT' && !isPTPrescaledWithSUV(image)) {
       viewport.setProperties({
         voiRange: {
           lower: image.minPixelValue,
@@ -124,7 +150,3 @@ export default function renderToCanvasGPU(
     viewport.render();
   });
 }
-
-const _isPTImagePreScaledWithSUV = (image: IImage) => {
-  return image.preScale.scaled && image.preScale.scalingParameters.suvbw;
-};