higlass/app/scripts/utils/svg-line.js

HiGlass Hi-C / genomic / large data viewer

/**
 * Generate a SVG line
 * @param   {number}  x1  Start X
 * @param   {number}  y1  Start Y
 * @param   {number}  x2  End X
 * @param   {number}  y2  End Y
 * @param   {number}  strokeWidth  Line width
 * @param   {string}  strokeColor  Color HEX string
 * @return  {HTMLElement}  SVG line object
 */
export const svgLine = (x1, y1, x2, y2, strokeWidth, strokeColor) => {
  const line = document.createElement('line');

  line.setAttribute('x1', String(x1));
  line.setAttribute('x2', String(x2));
  line.setAttribute('y1', String(y1));
  line.setAttribute('y2', String(y2));

  if (strokeWidth) {
    line.setAttribute('stroke-width', String(strokeWidth));
  }
  if (strokeColor) {
    line.setAttribute('stroke', strokeColor);
  }

  return line;
};

export default svgLine;