All files / packages/tools/src/drawingSvg drawEllipseByCoordinates.ts

90.47% Statements 19/21
37.5% Branches 3/8
100% Functions 1/1
90.47% Lines 19/21

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74                              5x                     5x   5x 5x 5x   5x   5x 5x   5x   5x 5x 5x   5x                       5x         5x   5x 5x     5x   5x          
import type { Types } from '@cornerstonejs/core';
import { SVGDrawingHelper } from '../types';
 
import _getHash from './_getHash';
import setAttributesIfNecessary from './setAttributesIfNecessary';
import setNewAttributesIfValid from './setNewAttributesIfValid';
 
function drawEllipseByCoordinates(
  svgDrawingHelper: SVGDrawingHelper,
  annotationUID: string,
  ellipseUID: string,
  canvasCoordinates: [Types.Point2, Types.Point2, Types.Point2, Types.Point2],
  options = {},
  dataId = ''
): void {
  const { color, 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, 'ellipse', ellipseUID);
  const existingEllipse = svgDrawingHelper.getSvgNode(svgNodeHash);
 
  const [bottom, top, left, right] = canvasCoordinates;
 
  const w = Math.hypot(left[0] - right[0], left[1] - right[1]);
  const h = Math.hypot(top[0] - bottom[0], top[1] - bottom[1]);
  const angle =
    (Math.atan2(left[1] - right[1], left[0] - right[0]) * 180) / Math.PI;
 
  const center = [(left[0] + right[0]) / 2, (top[1] + bottom[1]) / 2];
  const radiusX = w / 2;
  const radiusY = h / 2;
 
  const attributes = {
    cx: `${center[0]}`,
    cy: `${center[1]}`,
    rx: `${radiusX}`,
    ry: `${radiusY}`,
    stroke: color,
    fill: 'transparent',
    transform: `rotate(${angle} ${center[0]} ${center[1]})`,
    'stroke-width': strokeWidth,
    'stroke-dasharray': lineDash,
  };
 
  Iif (existingEllipse) {
    setAttributesIfNecessary(attributes, existingEllipse);
 
    svgDrawingHelper.setNodeTouched(svgNodeHash);
  } else {
    const svgEllipseElement = document.createElementNS(svgns, 'ellipse');
 
    Eif (dataId !== '') {
      svgEllipseElement.setAttribute('data-id', dataId);
    }
 
    setNewAttributesIfValid(attributes, svgEllipseElement);
 
    svgDrawingHelper.appendNode(svgEllipseElement, svgNodeHash);
  }
}
 
export default drawEllipseByCoordinates;