Wrap text on canvas

gistfile1.txt

export function wrapTextCanvas(context, text, x, y, maxWidth, lineHeight, drawFlag = true) {
  const cars = text.split('\n')

  for (let ii = 0; ii < cars.length; ii++) {
    let line = ''
    const words = cars[ii].split(' ')

    for (let n = 0; n < words.length; n++) {
      const testLine = line + words[n] + ' '
      const metrics = context.measureText(testLine)
      const testWidth = metrics.width

      if (testWidth > maxWidth) {
        if (drawFlag) {
          context.fillText(line, x, y)
        }
        line = words[n] + ' '
        y += lineHeight
      } else {
        line = testLine
      }
    }

    if (drawFlag) {
      context.fillText(line, x, y)
    }
    y += lineHeight
  }
  return y
}