Fix text horizontal and vertical alignment error

packages/core/src/2d/sprite/Sprite.ts

@@ -112,8 +112,7 @@ export class Sprite extends RefObject {
 
   set pivot(value: Vector2) {
     const pivot = this._pivot;
-    const x = MathUtil.clamp(value.x, 0, 1);
-    const y = MathUtil.clamp(value.y, 0, 1);
+    const { x, y } = value;
     if (pivot === value || pivot.x !== x || pivot.y !== y) {
       pivot.setValue(x, y);
       this._setDirtyFlagTrue(DirtyFlag.positions);

packages/core/src/2d/text/TextRenderer.ts

@@ -378,7 +378,23 @@ export class TextRenderer extends Renderer {
     const { width, height } = trimData;
     const canvas = TextUtils.updateCanvas(width, height, trimData.data);
     this._clearTexture();
-    const { _sprite: sprite } = this;
+    const { _sprite: sprite, horizontalAlignment } = this;
+
+    // Handle the case that width of text is larger than real width.
+    const originWidthInPixel = this.width * sprite.pixelsPerUnit;
+    const pivot = sprite.pivot;
+    if (originWidthInPixel > width && horizontalAlignment !== TextHorizontalAlignment.Center) {
+      const diffWidth = (originWidthInPixel - width) * 0.5;
+      if (horizontalAlignment === TextHorizontalAlignment.Left) {
+        pivot.x = 0.5 + diffWidth / width;
+      } else {
+        pivot.x = 0.5 - diffWidth / width;
+      }
+    } else {
+      pivot.x = 0.5;
+    }
+    sprite.pivot = pivot;
+
     // If add fail, set texture for sprite.
     if (!this.engine._dynamicTextAtlasManager.addSprite(sprite, canvas)) {
       const texture = new Texture2D(this.engine, width, height);