From 90efe1020fa801c64849b68b15580aa3b505d1cf Mon Sep 17 00:00:00 2001
From: Hufe921 <huangyunfeihufe@hotmail.com>
Date: Fri, 24 Nov 2023 22:32:18 +0800
Subject: [PATCH] fix: underline position of superscript and subscript elements
 is error #268

---
 src/editor/core/draw/Draw.ts                 | 27 ++++++++++++++++----
 src/editor/core/draw/particle/Subscript.ts   |  7 ++++-
 src/editor/core/draw/particle/Superscript.ts |  7 ++++-
 3 files changed, 34 insertions(+), 7 deletions(-)

diff --git a/src/editor/core/draw/Draw.ts b/src/editor/core/draw/Draw.ts
index ea39f77..beba060 100644
--- a/src/editor/core/draw/Draw.ts
+++ b/src/editor/core/draw/Draw.ts
@@ -1616,12 +1616,29 @@ export class Draw {
         }
         // 下划线记录
         if (element.underline || element.control?.underline) {
+          // 上下标元素下划线单独绘制
+          if (
+            (preElement?.type === ElementType.SUPERSCRIPT &&
+              element.type !== ElementType.SUPERSCRIPT) ||
+            (preElement?.type === ElementType.SUBSCRIPT &&
+              element.type !== ElementType.SUBSCRIPT)
+          ) {
+            this.underline.render(ctx)
+          }
+          // 行间距
           const rowMargin =
             defaultBasicRowMarginHeight *
             (element.rowMargin || defaultRowMargin) *
             scale
-          // 元素偏移量
-          const left = element.left || 0
+          // 元素向左偏移量
+          const offsetX = element.left || 0
+          // 上下标元素y轴偏移值
+          let offsetY = 0
+          if (element.type === ElementType.SUBSCRIPT) {
+            offsetY = this.subscriptParticle.getOffsetY(element)
+          } else if (element.type === ElementType.SUPERSCRIPT) {
+            offsetY = this.superscriptParticle.getOffsetY(element)
+          }
           // 占位符不参与颜色计算
           const color =
             element.controlComponent === ControlComponent.PLACEHOLDER
@@ -1629,9 +1646,9 @@ export class Draw {
               : element.color
           this.underline.recordFillInfo(
             ctx,
-            x - left,
-            y + curRow.height - rowMargin,
-            metrics.width + left,
+            x - offsetX,
+            y + curRow.height - rowMargin + offsetY,
+            metrics.width + offsetX,
             0,
             color
           )
diff --git a/src/editor/core/draw/particle/Subscript.ts b/src/editor/core/draw/particle/Subscript.ts
index 1bfff0e..6922236 100644
--- a/src/editor/core/draw/particle/Subscript.ts
+++ b/src/editor/core/draw/particle/Subscript.ts
@@ -1,6 +1,11 @@
 import { IRowElement } from '../../../interface/Row'
 
 export class SubscriptParticle {
+  // 向下偏移字高的一半
+  public getOffsetY(element: IRowElement): number {
+    return element.metrics.height / 2
+  }
+
   public render(
     ctx: CanvasRenderingContext2D,
     element: IRowElement,
@@ -12,7 +17,7 @@ export class SubscriptParticle {
     if (element.color) {
       ctx.fillStyle = element.color
     }
-    ctx.fillText(element.value, x, y + element.metrics.height / 2)
+    ctx.fillText(element.value, x, y + this.getOffsetY(element))
     ctx.restore()
   }
 }
diff --git a/src/editor/core/draw/particle/Superscript.ts b/src/editor/core/draw/particle/Superscript.ts
index a698a6b..07d4316 100644
--- a/src/editor/core/draw/particle/Superscript.ts
+++ b/src/editor/core/draw/particle/Superscript.ts
@@ -1,6 +1,11 @@
 import { IRowElement } from '../../../interface/Row'
 
 export class SuperscriptParticle {
+  // 向上偏移字高的一半
+  public getOffsetY(element: IRowElement): number {
+    return -element.metrics.height / 2
+  }
+
   public render(
     ctx: CanvasRenderingContext2D,
     element: IRowElement,
@@ -12,7 +17,7 @@ export class SuperscriptParticle {
     if (element.color) {
       ctx.fillStyle = element.color
     }
-    ctx.fillText(element.value, x, y - element.metrics.height / 2)
+    ctx.fillText(element.value, x, y + this.getOffsetY(element))
     ctx.restore()
   }
 }