@cornerstonejs/tools 1.72.2 → 1.72.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cornerstonejs/tools",
-  "version": "1.72.2",
+  "version": "1.72.4",
   "description": "Cornerstone3D Tools",
   "main": "src/index.ts",
   "types": "dist/types/index.d.ts",
@@ -29,7 +29,7 @@
     "webpack:watch": "webpack --mode development --progress --watch  --config ./.webpack/webpack.dev.js"
   },
   "dependencies": {
-    "@cornerstonejs/core": "^1.72.2",
+    "@cornerstonejs/core": "^1.72.4",
     "@icr/polyseg-wasm": "0.4.0",
     "@types/offscreencanvas": "2019.7.3",
     "comlink": "^4.4.1",
@@ -59,5 +59,5 @@
     "type": "individual",
     "url": "https://ohif.org/donate"
   },
-  "gitHead": "e1ceb46f23eb93fdb97a3835e39660f5ccde64a9"
+  "gitHead": "d3800a7ce82f7ba1c585d6dc1bc701fbbfc9d732"
 }

package/src/drawingSvg/drawRect.ts

@@ -1,10 +1,10 @@
 import type { Types } from '@cornerstonejs/core';
 
 import _getHash from './_getHash';
-import setAttributesIfNecessary from './setAttributesIfNecessary';
-import setNewAttributesIfValid from './setNewAttributesIfValid';
 import { SVGDrawingHelper } from '../types';
+import drawRectByCoordinates from './drawRectByCoordinates';
 
+// This method is obsolete due to not supporting rotation tool. Please use drawRectByCoordinates instead.
 // <rect x="120" y="100" width="100" height="100" />
 export default function drawRect(
   svgDrawingHelper: SVGDrawingHelper,
@@ -15,56 +15,17 @@ export default function drawRect(
   options = {},
   dataId = ''
 ): void {
-  const {
-    color,
-    width: _width,
-    lineWidth,
-    lineDash,
-  } = Object.assign(
-    {
-      color: 'rgb(0, 255, 0)',
-      width: '2',
-      lineWidth: undefined,
-      lineDash: undefined,
-    },
-    options
+  const topLeft: Types.Point2 = [start[0], start[1]];
+  const topRight: Types.Point2 = [end[0], start[1]];
+  const bottomLeft: Types.Point2 = [start[0], end[1]];
+  const bottomRight: Types.Point2 = [end[0], end[1]];
+
+  drawRectByCoordinates(
+    svgDrawingHelper,
+    annotationUID,
+    rectangleUID,
+    [topLeft, topRight, bottomLeft, bottomRight],
+    options,
+    dataId
   );
-
-  // for supporting both lineWidth and width options
-  const strokeWidth = lineWidth || _width;
-
-  const svgns = 'http://www.w3.org/2000/svg';
-  const svgNodeHash = _getHash(annotationUID, 'rect', rectangleUID);
-  const existingRect = svgDrawingHelper.getSvgNode(svgNodeHash);
-
-  const tlhc = [Math.min(start[0], end[0]), Math.min(start[1], end[1])];
-  const width = Math.abs(start[0] - end[0]);
-  const height = Math.abs(start[1] - end[1]);
-
-  const attributes = {
-    x: `${tlhc[0]}`,
-    y: `${tlhc[1]}`,
-    width: `${width}`,
-    height: `${height}`,
-    stroke: color,
-    fill: 'transparent',
-    'stroke-width': strokeWidth,
-    'stroke-dasharray': lineDash,
-  };
-
-  if (existingRect) {
-    setAttributesIfNecessary(attributes, existingRect);
-
-    svgDrawingHelper.setNodeTouched(svgNodeHash);
-  } else {
-    const svgRectElement = document.createElementNS(svgns, 'rect');
-
-    if (dataId !== '') {
-      svgRectElement.setAttribute('data-id', dataId);
-    }
-
-    setNewAttributesIfValid(attributes, svgRectElement);
-
-    svgDrawingHelper.appendNode(svgRectElement, svgNodeHash);
-  }
 }

package/src/drawingSvg/drawRectByCoordinates.ts

@@ -0,0 +1,87 @@
+import type { Types } from '@cornerstonejs/core';
+
+import _getHash from './_getHash';
+import setAttributesIfNecessary from './setAttributesIfNecessary';
+import setNewAttributesIfValid from './setNewAttributesIfValid';
+import { SVGDrawingHelper } from '../types';
+
+export default function drawRectByCoordinates(
+  svgDrawingHelper: SVGDrawingHelper,
+  annotationUID: string,
+  rectangleUID: string,
+  canvasCoordinates: Types.Point2[],
+  options = {},
+  dataId = ''
+): void {
+  const {
+    color,
+    width: _width,
+    lineWidth,
+    lineDash,
+  } = Object.assign(
+    {
+      color: 'rgb(0, 255, 0)',
+      width: '2',
+      lineWidth: undefined,
+      lineDash: undefined,
+    },
+    options
+  );
+
+  // for supporting both lineWidth and width options
+
+  const strokeWidth = lineWidth || _width;
+
+  const svgns = 'http://www.w3.org/2000/svg';
+  const svgNodeHash = _getHash(annotationUID, 'rect', rectangleUID);
+  const existingRect = svgDrawingHelper.getSvgNode(svgNodeHash);
+
+  const [topLeft, topRight, bottomLeft, bottomRight] = canvasCoordinates;
+
+  const width = Math.hypot(topLeft[0] - topRight[0], topLeft[1] - topRight[1]);
+  const height = Math.hypot(
+    topLeft[0] - bottomLeft[0],
+    topLeft[1] - bottomLeft[1]
+  );
+
+  const center = [
+    (bottomRight[0] + topLeft[0]) / 2,
+    (bottomRight[1] + topLeft[1]) / 2,
+  ];
+  const leftEdgeCenter = [
+    (bottomLeft[0] + topLeft[0]) / 2,
+    (bottomLeft[1] + topLeft[1]) / 2,
+  ];
+  const angle =
+    (Math.atan2(center[1] - leftEdgeCenter[1], center[0] - leftEdgeCenter[0]) *
+      180) /
+    Math.PI;
+
+  const attributes = {
+    x: `${center[0] - width / 2}`,
+    y: `${center[1] - height / 2}`,
+    width: `${width}`,
+    height: `${height}`,
+    stroke: color,
+    fill: 'transparent',
+    transform: `rotate(${angle} ${center[0]} ${center[1]})`,
+    'stroke-width': strokeWidth,
+    'stroke-dasharray': lineDash,
+  };
+
+  if (existingRect) {
+    setAttributesIfNecessary(attributes, existingRect);
+
+    svgDrawingHelper.setNodeTouched(svgNodeHash);
+  } else {
+    const svgRectElement = document.createElementNS(svgns, 'rect');
+
+    if (dataId !== '') {
+      svgRectElement.setAttribute('data-id', dataId);
+    }
+
+    setNewAttributesIfValid(attributes, svgRectElement);
+
+    svgDrawingHelper.appendNode(svgRectElement, svgNodeHash);
+  }
+}

package/src/drawingSvg/index.ts

@@ -9,6 +9,7 @@ import drawPolyline from './drawPolyline';
 import drawPath from './drawPath';
 import drawLinkedTextBox from './drawLinkedTextBox';
 import drawRect from './drawRect';
+import drawRectByCoordinates from './drawRectByCoordinates';
 import drawTextBox from './drawTextBox';
 import drawArrow from './drawArrow';
 import drawRedactionRect from './drawRedactionRect';
@@ -27,6 +28,7 @@ export {
   drawPath,
   drawLinkedTextBox,
   drawRect,
+  drawRectByCoordinates,
   drawTextBox,
   drawArrow,
   drawRedactionRect,

package/src/tools/AnnotationEraserTool.ts

@@ -56,7 +56,7 @@ class AnnotationEraserTool extends BaseTool {
 
       const annotations = getAnnotations(toolName, element);
 
-      if (!annotations) {
+      if (!annotations.length) {
         continue;
       }
 

package/src/tools/annotation/RectangleROITool.ts

@@ -24,7 +24,7 @@ import {
 import {
   drawHandles as drawHandlesSvg,
   drawLinkedTextBox as drawLinkedTextBoxSvg,
-  drawRect as drawRectSvg,
+  drawRectByCoordinates as drawRectSvg,
 } from '../../drawingSvg';
 import { state } from '../../store';
 import { Events } from '../../enums';
@@ -748,8 +748,7 @@ class RectangleROITool extends AnnotationTool {
         svgDrawingHelper,
         annotationUID,
         rectangleUID,
-        canvasCoordinates[0],
-        canvasCoordinates[3],
+        canvasCoordinates,
         {
           color,
           lineDash,