modern-text 0.2.6 → 0.2.8

package/dist/index.cjs

@@ -173,8 +173,7 @@ class Character {
     __publicField$4(this, "boundingBox", new modernPath2d.BoundingBox());
     __publicField$4(this, "textWidth", 0);
     __publicField$4(this, "textHeight", 0);
-    // glyph
-    __publicField$4(this, "commands", []);
+    __publicField$4(this, "path", new modernPath2d.Path2D());
   }
   get computedStyle() {
     return this.parent.computedStyle;
@@ -220,7 +219,7 @@ class Character {
     this.centerPoint = this.glyphBox.getCenterPoint();
     return this;
   }
-  updateCommands() {
+  updatePath() {
     const font = this._font();
     if (!font) {
       return this;
@@ -292,11 +291,11 @@ class Character {
       }
     }
     commands.push(...this._decoration());
-    this.commands = commands;
+    this.path = new modernPath2d.Path2D(commands);
     return this;
   }
   update() {
-    this.updateCommands();
+    this.updatePath();
     return this;
   }
   _decoration() {
@@ -376,71 +375,16 @@ class Character {
       return cmd;
     });
   }
-  forEachCommand(cb) {
-    const commands = this.commands;
-    const last = { x: 0, y: 0 };
-    const first = { x: 0, y: 0 };
-    let isFirst = true;
-    let doSetFirstPoint = false;
-    for (let i = 0, len = commands.length; i < len; i++) {
-      if (isFirst) {
-        doSetFirstPoint = true;
-        isFirst = false;
-      }
-      let command = commands[i];
-      command = cb(command, i, { last, first }) ?? command;
-      switch (command.type) {
-        case "M":
-        case "L":
-        case "Q":
-          last.x = command.x;
-          last.y = command.y;
-          if (doSetFirstPoint) {
-            first.x = last.x;
-            first.y = last.y;
-          }
-          break;
-        case "Z":
-          last.x = first.x;
-          last.y = first.y;
-          isFirst = true;
-          break;
-      }
-    }
-    return this;
+  getMinMax(min, max) {
+    return this.path.getMinMax(min, max);
   }
-  getMinMax(min = modernPath2d.Point2D.MAX, max = modernPath2d.Point2D.MIN) {
-    let last = { x: 0, y: 0 };
-    this.commands.forEach((cmd) => {
-      switch (cmd.type) {
-        case "L":
-        case "M":
-          min.x = Math.min(min.x, cmd.x);
-          min.y = Math.min(min.y, cmd.y);
-          max.x = Math.max(max.x, cmd.x);
-          max.y = Math.max(max.y, cmd.y);
-          last = { x: cmd.x, y: cmd.y };
-          break;
-        case "Q": {
-          const x1 = 0.5 * (last.x + cmd.x1);
-          const y1 = 0.5 * (last.y + cmd.y1);
-          const x2 = 0.5 * (last.x + cmd.x);
-          const y2 = 0.5 * (last.y + cmd.y);
-          min.x = Math.min(min.x, last.x, cmd.x, x1, x2);
-          min.y = Math.min(min.y, last.y, cmd.y, y1, y2);
-          max.x = Math.max(max.x, last.x, cmd.x, x1, x2);
-          max.y = Math.max(max.y, last.y, cmd.y, y1, y2);
-          last = { x: cmd.x, y: cmd.y };
-          break;
-        }
-      }
-    });
-    return { min, max };
+  getBoundingBox() {
+    return this.path.getBoundingBox();
   }
   drawTo(ctx, config = {}) {
     drawPaths({
       ctx,
-      paths: [new modernPath2d.Path2D(this.commands)],
+      paths: [this.path],
       fontSize: this.computedStyle.fontSize,
       color: this.computedStyle.color,
       ...config
@@ -579,8 +523,8 @@ class Highlighter extends Feature {
     if (!this.paths.length) {
       return new modernPath2d.BoundingBox();
     }
-    const min = modernPath2d.Point2D.MAX;
-    const max = modernPath2d.Point2D.MIN;
+    const min = modernPath2d.Vector2.MAX;
+    const max = modernPath2d.Vector2.MIN;
     this.paths.forEach((path) => path.getMinMax(min, max));
     return new modernPath2d.BoundingBox(min.x, min.y, max.x - min.x, max.y - min.y);
   }
@@ -614,8 +558,8 @@ class Highlighter extends Feature {
   _parseSvg(url) {
     const svg = modernPath2d.parseSvgToDom(url);
     const paths = modernPath2d.parseSvg(svg);
-    const min = modernPath2d.Point2D.MAX;
-    const max = modernPath2d.Point2D.MIN;
+    const min = modernPath2d.Vector2.MAX;
+    const max = modernPath2d.Vector2.MIN;
     paths.forEach((path) => path.getMinMax(min, max));
     const { x, y, width, height } = new modernPath2d.BoundingBox(min.x, min.y, max.x - min.x, max.y - min.y);
     const viewBox = svg.getAttribute("viewBox").split(" ").map(Number);
@@ -1043,12 +987,12 @@ class Text {
     __publicField(this, "paragraphs", []);
     __publicField(this, "boundingBox", new modernPath2d.BoundingBox());
     __publicField(this, "renderBoundingBox", new modernPath2d.BoundingBox());
-    __publicField(this, "_parser", new Parser(this));
-    __publicField(this, "_measurer", new Measurer(this));
-    __publicField(this, "_deformer", new Deformer(this));
-    __publicField(this, "_effector", new Effector(this));
-    __publicField(this, "_highlighter", new Highlighter(this));
-    __publicField(this, "_renderer2D", new Renderer2D(this));
+    __publicField(this, "parser", new Parser(this));
+    __publicField(this, "measurer", new Measurer(this));
+    __publicField(this, "deformer", new Deformer(this));
+    __publicField(this, "effector", new Effector(this));
+    __publicField(this, "highlighter", new Highlighter(this));
+    __publicField(this, "renderer2D", new Renderer2D(this));
     const { content = "", style = {}, effects, deformation, measureDom } = options;
     this.content = content;
     this.style = style;
@@ -1062,8 +1006,8 @@ class Text {
   measure(dom = this.measureDom) {
     this.computedStyle = { ...defaultTextStyles, ...this.style };
     const old = this.paragraphs;
-    this.paragraphs = this._parser.parse();
-    const result = this._measurer.measure(dom);
+    this.paragraphs = this.parser.parse();
+    const result = this.measurer.measure(dom);
     this.paragraphs = old;
     return result;
   }
@@ -1077,12 +1021,12 @@ class Text {
     this.boundingBox = boundingBox;
     const characters = this.characters;
     characters.forEach((c) => c.update());
+    this.highlighter.highlight();
     if (this.deformation) {
-      this._deformer.deform();
+      this.deformer.deform();
     }
-    this._highlighter.highlight();
-    const min = modernPath2d.Point2D.MAX;
-    const max = modernPath2d.Point2D.MIN;
+    const min = modernPath2d.Vector2.MAX;
+    const max = modernPath2d.Vector2.MIN;
     characters.forEach((c) => c.getMinMax(min, max));
     this.renderBoundingBox = new modernPath2d.BoundingBox(min.x, min.y, max.x - min.x, max.y - min.y);
     return this;
@@ -1100,23 +1044,23 @@ class Text {
       this.renderBoundingBox = modernPath2d.BoundingBox.from(
         this.boundingBox,
         this.renderBoundingBox,
-        this._effector.getBoundingBox(),
-        this._highlighter.getBoundingBox()
+        this.effector.getBoundingBox(),
+        this.highlighter.getBoundingBox()
       );
     } else {
       this.renderBoundingBox = modernPath2d.BoundingBox.from(
         this.boundingBox,
         this.renderBoundingBox,
-        this._highlighter.getBoundingBox()
+        this.highlighter.getBoundingBox()
       );
     }
-    this._renderer2D.setupView({ pixelRatio, ctx });
-    this._renderer2D.uploadColors({ ctx });
-    this._highlighter.draw({ ctx });
+    this.renderer2D.setupView({ pixelRatio, ctx });
+    this.renderer2D.uploadColors({ ctx });
+    this.highlighter.draw({ ctx });
     if (this.effects?.length) {
-      this._effector.draw({ ctx });
+      this.effector.draw({ ctx });
     } else {
-      this._renderer2D.draw({ ctx });
+      this.renderer2D.draw({ ctx });
     }
     return this;
   }

package/dist/index.d.cts

@@ -1,5 +1,5 @@
-import { BoundingBox, Path2D, Point2D } from 'modern-path2d';
-import { GlyphPathCommand, Sfnt } from 'modern-font';
+import { BoundingBox, Path2D, VectorLike, Vector2 } from 'modern-path2d';
+import { Sfnt, GlyphPathCommand } from 'modern-font';
 export * from 'modern-font';
 
 type WritingMode = 'horizontal-tb' | 'vertical-lr' | 'vertical-rl';
@@ -12,10 +12,6 @@ type TextAlign = 'center' | 'end' | 'left' | 'right' | 'start';
 type VerticalAlign = 'baseline' | 'top' | 'middle' | 'bottom' | 'sub' | 'super' | 'text-top' | 'text-bottom';
 type TextTransform = 'uppercase' | 'lowercase' | 'none';
 type TextDecoration = 'none' | 'underline' | 'line-through';
-interface PointLike {
-    x: number;
-    y: number;
-}
 interface TextLayoutStyle {
     writingMode: WritingMode;
     textOrientation: TextOrientation;
@@ -103,7 +99,7 @@ declare class Character {
     boundingBox: BoundingBox;
     textWidth: number;
     textHeight: number;
-    commands: GlyphPathCommand[];
+    path: Path2D<any>;
     glyphHeight: number;
     glyphWidth: number;
     underlinePosition: number;
@@ -113,27 +109,24 @@ declare class Character {
     baseline: number;
     centerDiviation: number;
     glyphBox: BoundingBox;
-    centerPoint: PointLike;
+    centerPoint: VectorLike;
     get computedStyle(): TextStyle;
     get isVertical(): boolean;
     get fontSize(): number;
     constructor(content: string, index: number, parent: Fragment);
     protected _font(): Sfnt | undefined;
     updateGlyph(font?: Sfnt | undefined): this;
-    updateCommands(): this;
+    updatePath(): this;
     update(): this;
     protected _decoration(): GlyphPathCommand[];
-    protected _italic(commands: GlyphPathCommand[], startPoint?: PointLike): GlyphPathCommand[];
-    protected _rotation90(commands: GlyphPathCommand[], point: PointLike): GlyphPathCommand[];
+    protected _italic(commands: GlyphPathCommand[], startPoint?: VectorLike): GlyphPathCommand[];
+    protected _rotation90(commands: GlyphPathCommand[], point: VectorLike): GlyphPathCommand[];
     protected _transform(commands: GlyphPathCommand[], cb: (x: number, y: number) => number[]): GlyphPathCommand[];
-    forEachCommand(cb: (command: GlyphPathCommand, index: number, context: {
-        first: PointLike;
-        last: PointLike;
-    }) => void | GlyphPathCommand): this;
-    getMinMax(min?: Point2D, max?: Point2D): {
-        min: Point2D;
-        max: Point2D;
+    getMinMax(min?: Vector2, max?: Vector2): {
+        min: Vector2;
+        max: Vector2;
     };
+    getBoundingBox(): BoundingBox;
     drawTo(ctx: CanvasRenderingContext2D, config?: Partial<TextEffect>): void;
 }
 
@@ -194,12 +187,12 @@ declare class Text {
     paragraphs: Paragraph[];
     boundingBox: BoundingBox;
     renderBoundingBox: BoundingBox;
-    protected _parser: Parser;
-    protected _measurer: Measurer;
-    protected _deformer: Deformer;
-    protected _effector: Effector;
-    protected _highlighter: Highlighter;
-    protected _renderer2D: Renderer2D;
+    parser: Parser;
+    measurer: Measurer;
+    deformer: Deformer;
+    effector: Effector;
+    highlighter: Highlighter;
+    renderer2D: Renderer2D;
     get characters(): Character[];
     constructor(options?: TextOptions);
     measure(dom?: HTMLElement | undefined): MeasuredResult;
@@ -344,4 +337,4 @@ declare function getPointPosition(point: {
     y: number;
 };
 
-export { Character, Deformer, type DrawShapePathsOptions, type EffectOptions, Effector, type FontKerning, type FontStyle, type FontWeight, Fragment, type FragmentContent, type FragmentHighlight, Highlighter, type LinearGradient, type MeasuredCharacter, type MeasuredFragment, type MeasuredParagraph, type MeasuredResult, Measurer, Paragraph, type ParagraphContent, Parser, type PointLike, Reflector, type Render2dOptions, Renderer2D, Text, type TextAlign, type TextContent, type TextDecoration, type TextDeformation, type TextDrawStyle, type TextEffect, type TextLayoutStyle, type TextOptions, type TextOrientation, type TextRenderOptions, type TextStyle, type TextTransform, type TextWrap, type VerticalAlign, type WritingMode, defaultTextStyles, drawPaths, filterEmpty, getPointPosition, getRotationPoint, getScalePoint, getSkewPoint, parseColor, uploadColor };
+export { Character, Deformer, type DrawShapePathsOptions, type EffectOptions, Effector, type FontKerning, type FontStyle, type FontWeight, Fragment, type FragmentContent, type FragmentHighlight, Highlighter, type LinearGradient, type MeasuredCharacter, type MeasuredFragment, type MeasuredParagraph, type MeasuredResult, Measurer, Paragraph, type ParagraphContent, Parser, Reflector, type Render2dOptions, Renderer2D, Text, type TextAlign, type TextContent, type TextDecoration, type TextDeformation, type TextDrawStyle, type TextEffect, type TextLayoutStyle, type TextOptions, type TextOrientation, type TextRenderOptions, type TextStyle, type TextTransform, type TextWrap, type VerticalAlign, type WritingMode, defaultTextStyles, drawPaths, filterEmpty, getPointPosition, getRotationPoint, getScalePoint, getSkewPoint, parseColor, uploadColor };

package/dist/index.d.mts

@@ -1,5 +1,5 @@
-import { BoundingBox, Path2D, Point2D } from 'modern-path2d';
-import { GlyphPathCommand, Sfnt } from 'modern-font';
+import { BoundingBox, Path2D, VectorLike, Vector2 } from 'modern-path2d';
+import { Sfnt, GlyphPathCommand } from 'modern-font';
 export * from 'modern-font';
 
 type WritingMode = 'horizontal-tb' | 'vertical-lr' | 'vertical-rl';
@@ -12,10 +12,6 @@ type TextAlign = 'center' | 'end' | 'left' | 'right' | 'start';
 type VerticalAlign = 'baseline' | 'top' | 'middle' | 'bottom' | 'sub' | 'super' | 'text-top' | 'text-bottom';
 type TextTransform = 'uppercase' | 'lowercase' | 'none';
 type TextDecoration = 'none' | 'underline' | 'line-through';
-interface PointLike {
-    x: number;
-    y: number;
-}
 interface TextLayoutStyle {
     writingMode: WritingMode;
     textOrientation: TextOrientation;
@@ -103,7 +99,7 @@ declare class Character {
     boundingBox: BoundingBox;
     textWidth: number;
     textHeight: number;
-    commands: GlyphPathCommand[];
+    path: Path2D<any>;
     glyphHeight: number;
     glyphWidth: number;
     underlinePosition: number;
@@ -113,27 +109,24 @@ declare class Character {
     baseline: number;
     centerDiviation: number;
     glyphBox: BoundingBox;
-    centerPoint: PointLike;
+    centerPoint: VectorLike;
     get computedStyle(): TextStyle;
     get isVertical(): boolean;
     get fontSize(): number;
     constructor(content: string, index: number, parent: Fragment);
     protected _font(): Sfnt | undefined;
     updateGlyph(font?: Sfnt | undefined): this;
-    updateCommands(): this;
+    updatePath(): this;
     update(): this;
     protected _decoration(): GlyphPathCommand[];
-    protected _italic(commands: GlyphPathCommand[], startPoint?: PointLike): GlyphPathCommand[];
-    protected _rotation90(commands: GlyphPathCommand[], point: PointLike): GlyphPathCommand[];
+    protected _italic(commands: GlyphPathCommand[], startPoint?: VectorLike): GlyphPathCommand[];
+    protected _rotation90(commands: GlyphPathCommand[], point: VectorLike): GlyphPathCommand[];
     protected _transform(commands: GlyphPathCommand[], cb: (x: number, y: number) => number[]): GlyphPathCommand[];
-    forEachCommand(cb: (command: GlyphPathCommand, index: number, context: {
-        first: PointLike;
-        last: PointLike;
-    }) => void | GlyphPathCommand): this;
-    getMinMax(min?: Point2D, max?: Point2D): {
-        min: Point2D;
-        max: Point2D;
+    getMinMax(min?: Vector2, max?: Vector2): {
+        min: Vector2;
+        max: Vector2;
     };
+    getBoundingBox(): BoundingBox;
     drawTo(ctx: CanvasRenderingContext2D, config?: Partial<TextEffect>): void;
 }
 
@@ -194,12 +187,12 @@ declare class Text {
     paragraphs: Paragraph[];
     boundingBox: BoundingBox;
     renderBoundingBox: BoundingBox;
-    protected _parser: Parser;
-    protected _measurer: Measurer;
-    protected _deformer: Deformer;
-    protected _effector: Effector;
-    protected _highlighter: Highlighter;
-    protected _renderer2D: Renderer2D;
+    parser: Parser;
+    measurer: Measurer;
+    deformer: Deformer;
+    effector: Effector;
+    highlighter: Highlighter;
+    renderer2D: Renderer2D;
     get characters(): Character[];
     constructor(options?: TextOptions);
     measure(dom?: HTMLElement | undefined): MeasuredResult;
@@ -344,4 +337,4 @@ declare function getPointPosition(point: {
     y: number;
 };
 
-export { Character, Deformer, type DrawShapePathsOptions, type EffectOptions, Effector, type FontKerning, type FontStyle, type FontWeight, Fragment, type FragmentContent, type FragmentHighlight, Highlighter, type LinearGradient, type MeasuredCharacter, type MeasuredFragment, type MeasuredParagraph, type MeasuredResult, Measurer, Paragraph, type ParagraphContent, Parser, type PointLike, Reflector, type Render2dOptions, Renderer2D, Text, type TextAlign, type TextContent, type TextDecoration, type TextDeformation, type TextDrawStyle, type TextEffect, type TextLayoutStyle, type TextOptions, type TextOrientation, type TextRenderOptions, type TextStyle, type TextTransform, type TextWrap, type VerticalAlign, type WritingMode, defaultTextStyles, drawPaths, filterEmpty, getPointPosition, getRotationPoint, getScalePoint, getSkewPoint, parseColor, uploadColor };
+export { Character, Deformer, type DrawShapePathsOptions, type EffectOptions, Effector, type FontKerning, type FontStyle, type FontWeight, Fragment, type FragmentContent, type FragmentHighlight, Highlighter, type LinearGradient, type MeasuredCharacter, type MeasuredFragment, type MeasuredParagraph, type MeasuredResult, Measurer, Paragraph, type ParagraphContent, Parser, Reflector, type Render2dOptions, Renderer2D, Text, type TextAlign, type TextContent, type TextDecoration, type TextDeformation, type TextDrawStyle, type TextEffect, type TextLayoutStyle, type TextOptions, type TextOrientation, type TextRenderOptions, type TextStyle, type TextTransform, type TextWrap, type VerticalAlign, type WritingMode, defaultTextStyles, drawPaths, filterEmpty, getPointPosition, getRotationPoint, getScalePoint, getSkewPoint, parseColor, uploadColor };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { BoundingBox, Path2D, Point2D } from 'modern-path2d';
-import { GlyphPathCommand, Sfnt } from 'modern-font';
+import { BoundingBox, Path2D, VectorLike, Vector2 } from 'modern-path2d';
+import { Sfnt, GlyphPathCommand } from 'modern-font';
 export * from 'modern-font';
 
 type WritingMode = 'horizontal-tb' | 'vertical-lr' | 'vertical-rl';
@@ -12,10 +12,6 @@ type TextAlign = 'center' | 'end' | 'left' | 'right' | 'start';
 type VerticalAlign = 'baseline' | 'top' | 'middle' | 'bottom' | 'sub' | 'super' | 'text-top' | 'text-bottom';
 type TextTransform = 'uppercase' | 'lowercase' | 'none';
 type TextDecoration = 'none' | 'underline' | 'line-through';
-interface PointLike {
-    x: number;
-    y: number;
-}
 interface TextLayoutStyle {
     writingMode: WritingMode;
     textOrientation: TextOrientation;
@@ -103,7 +99,7 @@ declare class Character {
     boundingBox: BoundingBox;
     textWidth: number;
     textHeight: number;
-    commands: GlyphPathCommand[];
+    path: Path2D<any>;
     glyphHeight: number;
     glyphWidth: number;
     underlinePosition: number;
@@ -113,27 +109,24 @@ declare class Character {
     baseline: number;
     centerDiviation: number;
     glyphBox: BoundingBox;
-    centerPoint: PointLike;
+    centerPoint: VectorLike;
     get computedStyle(): TextStyle;
     get isVertical(): boolean;
     get fontSize(): number;
     constructor(content: string, index: number, parent: Fragment);
     protected _font(): Sfnt | undefined;
     updateGlyph(font?: Sfnt | undefined): this;
-    updateCommands(): this;
+    updatePath(): this;
     update(): this;
     protected _decoration(): GlyphPathCommand[];
-    protected _italic(commands: GlyphPathCommand[], startPoint?: PointLike): GlyphPathCommand[];
-    protected _rotation90(commands: GlyphPathCommand[], point: PointLike): GlyphPathCommand[];
+    protected _italic(commands: GlyphPathCommand[], startPoint?: VectorLike): GlyphPathCommand[];
+    protected _rotation90(commands: GlyphPathCommand[], point: VectorLike): GlyphPathCommand[];
     protected _transform(commands: GlyphPathCommand[], cb: (x: number, y: number) => number[]): GlyphPathCommand[];
-    forEachCommand(cb: (command: GlyphPathCommand, index: number, context: {
-        first: PointLike;
-        last: PointLike;
-    }) => void | GlyphPathCommand): this;
-    getMinMax(min?: Point2D, max?: Point2D): {
-        min: Point2D;
-        max: Point2D;
+    getMinMax(min?: Vector2, max?: Vector2): {
+        min: Vector2;
+        max: Vector2;
     };
+    getBoundingBox(): BoundingBox;
     drawTo(ctx: CanvasRenderingContext2D, config?: Partial<TextEffect>): void;
 }
 
@@ -194,12 +187,12 @@ declare class Text {
     paragraphs: Paragraph[];
     boundingBox: BoundingBox;
     renderBoundingBox: BoundingBox;
-    protected _parser: Parser;
-    protected _measurer: Measurer;
-    protected _deformer: Deformer;
-    protected _effector: Effector;
-    protected _highlighter: Highlighter;
-    protected _renderer2D: Renderer2D;
+    parser: Parser;
+    measurer: Measurer;
+    deformer: Deformer;
+    effector: Effector;
+    highlighter: Highlighter;
+    renderer2D: Renderer2D;
     get characters(): Character[];
     constructor(options?: TextOptions);
     measure(dom?: HTMLElement | undefined): MeasuredResult;
@@ -344,4 +337,4 @@ declare function getPointPosition(point: {
     y: number;
 };
 
-export { Character, Deformer, type DrawShapePathsOptions, type EffectOptions, Effector, type FontKerning, type FontStyle, type FontWeight, Fragment, type FragmentContent, type FragmentHighlight, Highlighter, type LinearGradient, type MeasuredCharacter, type MeasuredFragment, type MeasuredParagraph, type MeasuredResult, Measurer, Paragraph, type ParagraphContent, Parser, type PointLike, Reflector, type Render2dOptions, Renderer2D, Text, type TextAlign, type TextContent, type TextDecoration, type TextDeformation, type TextDrawStyle, type TextEffect, type TextLayoutStyle, type TextOptions, type TextOrientation, type TextRenderOptions, type TextStyle, type TextTransform, type TextWrap, type VerticalAlign, type WritingMode, defaultTextStyles, drawPaths, filterEmpty, getPointPosition, getRotationPoint, getScalePoint, getSkewPoint, parseColor, uploadColor };
+export { Character, Deformer, type DrawShapePathsOptions, type EffectOptions, Effector, type FontKerning, type FontStyle, type FontWeight, Fragment, type FragmentContent, type FragmentHighlight, Highlighter, type LinearGradient, type MeasuredCharacter, type MeasuredFragment, type MeasuredParagraph, type MeasuredResult, Measurer, Paragraph, type ParagraphContent, Parser, Reflector, type Render2dOptions, Renderer2D, Text, type TextAlign, type TextContent, type TextDecoration, type TextDeformation, type TextDrawStyle, type TextEffect, type TextLayoutStyle, type TextOptions, type TextOrientation, type TextRenderOptions, type TextStyle, type TextTransform, type TextWrap, type VerticalAlign, type WritingMode, defaultTextStyles, drawPaths, filterEmpty, getPointPosition, getRotationPoint, getScalePoint, getSkewPoint, parseColor, uploadColor };