feat:add superscript and subscript core

src/editor/core/draw/Draw.ts

@@ -28,6 +28,8 @@ import { ISearchResult } from "../../interface/Search"
 import { TableTool } from "./particle/table/TableTool"
 import { HyperlinkParticle } from "./particle/HyperlinkParticle"
 import { Header } from "./frame/Header"
+import { SuperscriptParticle } from "./particle/Superscript"
+import { SubscriptParticle } from "./particle/Subscript"
 
 export class Draw {
 
@@ -58,6 +60,8 @@ export class Draw {
   private pageNumber: PageNumber
   private header: Header
   private hyperlinkParticle: HyperlinkParticle
+  private superscriptParticle: SuperscriptParticle
+  private subscriptParticle: SubscriptParticle
 
   private rowList: IRow[]
   private painterStyle: IElementStyle | null
@@ -98,6 +102,9 @@ export class Draw {
     this.pageNumber = new PageNumber(this)
     this.header = new Header(this)
     this.hyperlinkParticle = new HyperlinkParticle(this)
+    this.superscriptParticle = new SuperscriptParticle()
+    this.subscriptParticle = new SubscriptParticle()
+
     new GlobalObserver(this)
 
     this.canvasEvent = new CanvasEvent(this)
@@ -441,6 +448,11 @@ export class Draw {
         metrics.width = fontMetrics.width * scale
         metrics.boundingBoxAscent = (element.value === ZERO ? defaultSize : fontMetrics.actualBoundingBoxAscent) * scale
         metrics.boundingBoxDescent = fontMetrics.actualBoundingBoxDescent * scale
+        if (element.type === ElementType.SUPERSCRIPT) {
+          metrics.boundingBoxAscent += metrics.height / 2
+        } else if (element.type === ElementType.SUBSCRIPT) {
+          metrics.boundingBoxDescent += metrics.height / 2
+        }
       }
       const ascent = metrics.boundingBoxAscent + rowMargin
       const descent = metrics.boundingBoxDescent + rowMargin
@@ -545,6 +557,12 @@ export class Draw {
         } else if (element.type === ElementType.HYPERLINK) {
           this.textParticle.complete()
           this.hyperlinkParticle.render(ctx, element, x, y + offsetY)
+        } else if (element.type === ElementType.SUPERSCRIPT) {
+          this.textParticle.complete()
+          this.superscriptParticle.render(ctx, element, x, y + offsetY)
+        } else if (element.type === ElementType.SUBSCRIPT) {
+          this.textParticle.complete()
+          this.subscriptParticle.render(ctx, element, x, y + offsetY)
         } else {
           this.textParticle.record(ctx, element, x, y + offsetY)
         }

src/editor/core/draw/particle/Subscript.ts

@@ -0,0 +1,15 @@
+import { IRowElement } from "../../../interface/Row"
+
+export class SubscriptParticle {
+
+  public render(ctx: CanvasRenderingContext2D, element: IRowElement, x: number, y: number) {
+    ctx.save()
+    ctx.font = element.style
+    if (element.color) {
+      ctx.fillStyle = element.color
+    }
+    ctx.fillText(element.value, x, y + element.metrics.height / 2)
+    ctx.restore()
+  }
+
+}

src/editor/core/draw/particle/Superscript.ts

@@ -0,0 +1,15 @@
+import { IRowElement } from "../../../interface/Row"
+
+export class SuperscriptParticle {
+
+  public render(ctx: CanvasRenderingContext2D, element: IRowElement, x: number, y: number) {
+    ctx.save()
+    ctx.font = element.style
+    if (element.color) {
+      ctx.fillStyle = element.color
+    }
+    ctx.fillText(element.value, x, y - element.metrics.height / 2)
+    ctx.restore()
+  }
+
+}

src/editor/dataset/enum/Element.ts

@@ -2,5 +2,7 @@ export enum ElementType {
   TEXT = 'text',
   IMAGE = 'image',
   TABLE = 'table',
-  HYPERLINK = 'hyperlink'
+  HYPERLINK = 'hyperlink',
+  SUPERSCRIPT = 'superscript',
+  SUBSCRIPT = 'subscript'
 }