snap.svg autoscaling text to box

autoScale.js

const setAutoscalingText = (text) => {
  // Select text
  const textObject = this.element.select(`#${clientCustomization.id}`)
  if (textObject) {
    // get coordinates
    const textCoordinates = textObject.getBBox()
    const boundingBox = this.element.select('rect').getBBox()

    // Set new text
    textObject.attr({
      text,
    })

    // Check if it goes out of the box. If so, reduce font-size to fit
    if (textCoordinates.x + textCoordinates.w > boundingBox.x + boundingBox.w) {
      const newFontSize = Math.floor(
        textCoordinates.w / textObject.attr('text').split('').length,
      ).toString()
      textObject.attr({
        fontSize: newFontSize,
      })
    }
  }
}