Method setTextData

src/Document/TextPathElement.ts:329–453

(ctx: RenderingContext2D)

  // If some font will be loaded after this method call, <textPath> will not be rendered correctly.
  // You need to call this method manually to update glyphs cache.
  protected setTextData(ctx: RenderingContext2D) {
    if (this.glyphInfo) {
      return
    }

    const renderText = this.getText()
    const chars = renderText.split('')
    const spacesNumber = renderText.split(' ').length - 1
    const dx = this.parent.getAttribute('dx').split().map(_ => _.getPixels('x'))
    const dy = this.parent.getAttribute('dy').getPixels('y')
    const anchor = this.parent.getStyle('text-anchor').getString('start')
    const thisSpacing = this.getStyle('letter-spacing')
    const parentSpacing = this.parent.getStyle('letter-spacing')
    let letterSpacing = 0

    if (!thisSpacing.hasValue()
      || thisSpacing.getValue() === 'inherit'
    ) {
      letterSpacing = parentSpacing.getPixels()
    } else
    if (thisSpacing.hasValue()) {
      if (thisSpacing.getValue() !== 'initial'
        && thisSpacing.getValue() !== 'unset'
      ) {
        letterSpacing = thisSpacing.getPixels()
      }
    }

    // fill letter-spacing cache
    const letterSpacingCache: number[] = []
    const textLen = renderText.length

    this.letterSpacingCache = letterSpacingCache

    for (let i = 0; i < textLen; i++) {
      letterSpacingCache.push(
        typeof dx[i] !== 'undefined'
          ? dx[i]
          : letterSpacing
      )
    }

    const dxSum = letterSpacingCache.reduce(
      (acc, cur, i) => (
        i === 0
          ? 0
          : acc + cur || 0
      ),
      0
    )
    const textWidth = this.measureText(ctx)
    const textFullWidth = Math.max(textWidth + dxSum, 0)

    this.textWidth = textWidth
    this.textHeight = this.getFontSize()
    this.glyphInfo = []

    const fullPathWidth = this.getPathLength()