Fix text renderer display misalignment error

[singlecoder]

Please check if the PR fulfills these requirements

• The commit message follows our guidelines
• Tests for the changes have been added (for bug fixes / features)
• Docs have been added / updated (for bug fixes / features)

test code

const wrapTextEntity = rootEntity.createChild("wrap");
  wrapTextEntity.transform.setScale(60, 60, 60);
  wrapTextEntity.transform.setPosition(0, -35, 0);
  const wrapTextRenderer = wrapTextEntity.addComponent(TextRenderer);
  wrapTextRenderer.fontSize = 60;
  wrapTextRenderer.color = new Color(0, 1, 0, 1);
  wrapTextRenderer.text = "测试";
  wrapTextRenderer.width = 5;
  wrapTextRenderer.enableWrapping = true;
  setTimeout(() => {
    wrapTextRenderer.text = "测试。";
  }, 3000);