Compute width of SVG text using DOM

computeTextLength.ts

export function computeTextLength(content: string, fontSize?: string) {
  const svgns = "http://www.w3.org/2000/svg";
  // create elements
  const svg: SVGSVGElement = document.createElementNS(svgns, 'svg');
  const text: SVGTextElement = document.createElementNS(svgns, 'text');
  text.textContent = content;
  if(fontSize) {
    text.style.fontSize = fontSize;
  }
  // hook them into dom
  document.getElementsByTagName('body')[0].appendChild(svg);
  svg.appendChild(text);
  // compute length
  const length = text.getComputedTextLength();
  // cleanup
  svg.remove();
  text.remove();
  return length;
}