@cornerstonejs/core 0.46.1 → 0.46.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cornerstonejs/core",
-  "version": "0.46.1",
+  "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": "a853107a5b908984ec3649ec3c0d9a61e7c3397f"
+  "gitHead": "1e5e0ec2e760c409d532f14b145f52853a9f50ec"
 }

package/src/utilities/renderToCanvasGPU.ts

@@ -44,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
@@ -85,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