@visactor/vrender-core 0.17.0-alpha.8 → 0.17.1-alpha.1

package/cjs/core/contributions/layerHandler/canvas2d-contribution.js

@@ -6,21 +6,17 @@ var __decorate = this && this.__decorate || function(decorators, target, key, de
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 }, __metadata = this && this.__metadata || function(k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
-}, __param = this && this.__param || function(paramIndex, decorator) {
-    return function(target, key) {
-        decorator(target, key, paramIndex);
-    };
 };
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.CanvasLayerHandlerContribution = void 0;
 
-const inversify_lite_1 = require("../../../common/inversify-lite"), util_1 = require("../../../canvas/util"), constants_1 = require("../../../constants");
+const inversify_lite_1 = require("../../../common/inversify-lite"), util_1 = require("../../../canvas/util"), application_1 = require("../../../application");
 
 let CanvasLayerHandlerContribution = class {
-    constructor(global) {
-        this.global = global, this.type = "static", this.offscreen = !1;
+    constructor() {
+        this.type = "static", this.offscreen = !1, this.global = application_1.application.global;
     }
     setDpr(dpr) {
         this.canvas.dpr = dpr;
@@ -87,7 +83,6 @@ let CanvasLayerHandlerContribution = class {
     }
 };
 
-CanvasLayerHandlerContribution = __decorate([ (0, inversify_lite_1.injectable)(), __param(0, (0, 
-inversify_lite_1.inject)(constants_1.VGlobal)), __metadata("design:paramtypes", [ Object ]) ], CanvasLayerHandlerContribution), 
+CanvasLayerHandlerContribution = __decorate([ (0, inversify_lite_1.injectable)(), __metadata("design:paramtypes", []) ], CanvasLayerHandlerContribution), 
 exports.CanvasLayerHandlerContribution = CanvasLayerHandlerContribution;
 //# sourceMappingURL=canvas2d-contribution.js.map

package/cjs/core/contributions/layerHandler/canvas2d-contribution.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/core/contributions/layerHandler/canvas2d-contribution.ts"],"names":[],"mappings":"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","file":"canvas2d-contribution.js","sourcesContent":["import { inject, injectable } from '../../../common/inversify-lite';\nimport { wrapCanvas } from '../../../canvas/util';\nimport type {\n  IGlobal,\n  ICanvas,\n  IContext2d,\n  IDrawToParams,\n  IGroup,\n  ILayer,\n  ILayerHandlerContribution,\n  IWindow,\n  ILayerHandlerInitParams,\n  ILayerHandlerDrawParams,\n  IDrawContext,\n  LayerMode\n} from '../../../interface';\nimport type { IBounds } from '@visactor/vutils';\nimport { VGlobal } from '../../../constants';\n\n@injectable()\nexport class CanvasLayerHandlerContribution implements ILayerHandlerContribution {\n  layer: ILayer;\n  canvas: ICanvas;\n  context: IContext2d;\n  offscreen: boolean;\n  main: boolean;\n  window: IWindow;\n  type: LayerMode = 'static';\n  // 所绑定的副layer handler\n  secondaryHandlers: ILayerHandlerContribution[];\n\n  constructor(@inject(VGlobal) public readonly global: IGlobal) {\n    this.offscreen = false;\n  }\n\n  setDpr(dpr: number) {\n    this.canvas.dpr = dpr;\n    return;\n  }\n\n  init(layer: ILayer, window: IWindow, params: ILayerHandlerInitParams): void {\n    this.layer = layer;\n    this.window = window;\n    // 默认图层，那么直接拿window上的上下文和canvas即可\n    if (params.main) {\n      this.main = true;\n      this.context = window.getContext();\n      this.canvas = this.context.getCanvas();\n    } else {\n      this.main = false;\n      let nativeCanvas: HTMLElement;\n      if (params.canvasId) {\n        nativeCanvas = this.global.getElementById(params.canvasId);\n      } else {\n        nativeCanvas = this.global.createCanvas({\n          width: window.width,\n          height: window.height\n        });\n      }\n      // 不是main的话，就穿透点击事件\n      if (nativeCanvas.style) {\n        nativeCanvas.style['pointer-events'] = 'none';\n      }\n      const windowContext = window.getContext();\n      const windowCanvas = windowContext.getCanvas().nativeCanvas;\n      const canvas = wrapCanvas({\n        nativeCanvas,\n        width: window.width,\n        height: window.height,\n        dpr: window.dpr,\n        canvasControled: true,\n        container: window.getContainer(),\n        x: windowCanvas.offsetLeft,\n        y: windowCanvas.offsetTop\n      });\n      canvas.applyPosition();\n      this.canvas = canvas;\n      this.context = canvas.getContext();\n    }\n  }\n\n  resize(w: number, h: number) {\n    this.canvas.resize(w, h);\n    return;\n  }\n  resizeView(w: number, h: number) {\n    return;\n  }\n\n  render(group: IGroup[], params: ILayerHandlerDrawParams, userParams?: Partial<IDrawContext>): void {\n    // 调整位置\n    if (!this.main) {\n      const windowContext = this.window.getContext();\n      const windowCanvas = windowContext.getCanvas().nativeCanvas;\n      if (windowCanvas && (this.canvas.x !== windowCanvas.offsetLeft || this.canvas.y !== windowCanvas.offsetTop)) {\n        this.canvas.x = windowCanvas.offsetLeft;\n        this.canvas.y = windowCanvas.offsetTop;\n        this.canvas.applyPosition();\n      }\n    }\n    params.renderService.render(group, {\n      context: this.context,\n      clear: params.background ?? '#ffffff',\n      ...params,\n      ...userParams\n    });\n  }\n\n  merge(layerHandlers: ILayerHandlerContribution[]) {\n    layerHandlers.forEach(l => {\n      const ctx = l.getContext();\n      const canvas = ctx.canvas.nativeCanvas;\n      this.context.drawImage(canvas, 0, 0);\n    });\n  }\n\n  prepare(dirtyBounds: IBounds, params: ILayerHandlerDrawParams) {\n    return;\n  }\n\n  drawTo(target: IWindow, group: IGroup[], params: IDrawToParams & ILayerHandlerDrawParams) {\n    const context = target.getContext();\n    params.renderService.render(group, {\n      context,\n      ...params,\n      clear: params.clear ? params.background ?? '#fff' : undefined\n    });\n    return;\n  }\n\n  getContext(): IContext2d {\n    return this.context;\n  }\n\n  release() {\n    this.canvas.release();\n  }\n}\n"]}
+{"version":3,"sources":["../src/core/contributions/layerHandler/canvas2d-contribution.ts"],"names":[],"mappings":"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","file":"canvas2d-contribution.js","sourcesContent":["import { inject, injectable } from '../../../common/inversify-lite';\nimport { wrapCanvas } from '../../../canvas/util';\nimport type {\n  IGlobal,\n  ICanvas,\n  IContext2d,\n  IDrawToParams,\n  IGroup,\n  ILayer,\n  ILayerHandlerContribution,\n  IWindow,\n  ILayerHandlerInitParams,\n  ILayerHandlerDrawParams,\n  IDrawContext,\n  LayerMode\n} from '../../../interface';\nimport type { IBounds } from '@visactor/vutils';\nimport { application } from '../../../application';\n\n@injectable()\nexport class CanvasLayerHandlerContribution implements ILayerHandlerContribution {\n  layer: ILayer;\n  canvas: ICanvas;\n  context: IContext2d;\n  offscreen: boolean;\n  main: boolean;\n  window: IWindow;\n  type: LayerMode = 'static';\n  global: IGlobal;\n  // 所绑定的副layer handler\n  secondaryHandlers: ILayerHandlerContribution[];\n\n  constructor() {\n    this.offscreen = false;\n    this.global = application.global;\n  }\n\n  setDpr(dpr: number) {\n    this.canvas.dpr = dpr;\n    return;\n  }\n\n  init(layer: ILayer, window: IWindow, params: ILayerHandlerInitParams): void {\n    this.layer = layer;\n    this.window = window;\n    // 默认图层，那么直接拿window上的上下文和canvas即可\n    if (params.main) {\n      this.main = true;\n      this.context = window.getContext();\n      this.canvas = this.context.getCanvas();\n    } else {\n      this.main = false;\n      let nativeCanvas: HTMLElement;\n      if (params.canvasId) {\n        nativeCanvas = this.global.getElementById(params.canvasId);\n      } else {\n        nativeCanvas = this.global.createCanvas({\n          width: window.width,\n          height: window.height\n        });\n      }\n      // 不是main的话，就穿透点击事件\n      if (nativeCanvas.style) {\n        nativeCanvas.style['pointer-events'] = 'none';\n      }\n      const windowContext = window.getContext();\n      const windowCanvas = windowContext.getCanvas().nativeCanvas;\n      const canvas = wrapCanvas({\n        nativeCanvas,\n        width: window.width,\n        height: window.height,\n        dpr: window.dpr,\n        canvasControled: true,\n        container: window.getContainer(),\n        x: windowCanvas.offsetLeft,\n        y: windowCanvas.offsetTop\n      });\n      canvas.applyPosition();\n      this.canvas = canvas;\n      this.context = canvas.getContext();\n    }\n  }\n\n  resize(w: number, h: number) {\n    this.canvas.resize(w, h);\n    return;\n  }\n  resizeView(w: number, h: number) {\n    return;\n  }\n\n  render(group: IGroup[], params: ILayerHandlerDrawParams, userParams?: Partial<IDrawContext>): void {\n    // 调整位置\n    if (!this.main) {\n      const windowContext = this.window.getContext();\n      const windowCanvas = windowContext.getCanvas().nativeCanvas;\n      if (windowCanvas && (this.canvas.x !== windowCanvas.offsetLeft || this.canvas.y !== windowCanvas.offsetTop)) {\n        this.canvas.x = windowCanvas.offsetLeft;\n        this.canvas.y = windowCanvas.offsetTop;\n        this.canvas.applyPosition();\n      }\n    }\n    params.renderService.render(group, {\n      context: this.context,\n      clear: params.background ?? '#ffffff',\n      ...params,\n      ...userParams\n    });\n  }\n\n  merge(layerHandlers: ILayerHandlerContribution[]) {\n    layerHandlers.forEach(l => {\n      const ctx = l.getContext();\n      const canvas = ctx.canvas.nativeCanvas;\n      this.context.drawImage(canvas, 0, 0);\n    });\n  }\n\n  prepare(dirtyBounds: IBounds, params: ILayerHandlerDrawParams) {\n    return;\n  }\n\n  drawTo(target: IWindow, group: IGroup[], params: IDrawToParams & ILayerHandlerDrawParams) {\n    const context = target.getContext();\n    params.renderService.render(group, {\n      context,\n      ...params,\n      clear: params.clear ? params.background ?? '#fff' : undefined\n    });\n    return;\n  }\n\n  getContext(): IContext2d {\n    return this.context;\n  }\n\n  release() {\n    this.canvas.release();\n  }\n}\n"]}

package/cjs/core/contributions/layerHandler/empty-contribution.d.ts

@@ -1,7 +1,6 @@
 import type { IGlobal, IDrawToParams, IGroup, ILayer, ILayerHandlerContribution, IWindow, ILayerHandlerInitParams, ILayerHandlerDrawParams, IDrawContext, LayerMode } from '../../../interface';
 import type { IBounds } from '@visactor/vutils';
 export declare class EmptyLayerHandlerContribution implements ILayerHandlerContribution {
-    readonly global: IGlobal;
     layer: ILayer;
     canvas: null;
     context: null;
@@ -10,7 +9,8 @@ export declare class EmptyLayerHandlerContribution implements ILayerHandlerContr
     window: IWindow;
     type: LayerMode;
     mainHandler: ILayerHandlerContribution;
-    constructor(global: IGlobal);
+    global: IGlobal;
+    constructor();
     setDpr(dpr: number): void;
     init(layer: ILayer, window: IWindow, params: ILayerHandlerInitParams): void;
     resize(w: number, h: number): void;

package/cjs/core/contributions/layerHandler/empty-contribution.js

@@ -6,21 +6,17 @@ var __decorate = this && this.__decorate || function(decorators, target, key, de
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 }, __metadata = this && this.__metadata || function(k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
-}, __param = this && this.__param || function(paramIndex, decorator) {
-    return function(target, key) {
-        decorator(target, key, paramIndex);
-    };
 };
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.EmptyLayerHandlerContribution = void 0;
 
-const inversify_lite_1 = require("../../../common/inversify-lite"), constants_1 = require("../../../constants");
+const inversify_lite_1 = require("../../../common/inversify-lite"), application_1 = require("../../../application");
 
 let EmptyLayerHandlerContribution = class {
-    constructor(global) {
-        this.global = global, this.type = "virtual", this.offscreen = !1;
+    constructor() {
+        this.offscreen = !1, this.type = "virtual", this.global = application_1.application.global;
     }
     setDpr(dpr) {}
     init(layer, window, params) {
@@ -51,7 +47,6 @@ let EmptyLayerHandlerContribution = class {
     release() {}
 };
 
-EmptyLayerHandlerContribution = __decorate([ (0, inversify_lite_1.injectable)(), __param(0, (0, 
-inversify_lite_1.inject)(constants_1.VGlobal)), __metadata("design:paramtypes", [ Object ]) ], EmptyLayerHandlerContribution), 
+EmptyLayerHandlerContribution = __decorate([ (0, inversify_lite_1.injectable)(), __metadata("design:paramtypes", []) ], EmptyLayerHandlerContribution), 
 exports.EmptyLayerHandlerContribution = EmptyLayerHandlerContribution;
 //# sourceMappingURL=empty-contribution.js.map

package/cjs/core/contributions/layerHandler/empty-contribution.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/core/contributions/layerHandler/empty-contribution.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,mEAAoE;AAcpE,kDAA6C;AAGtC,IAAM,6BAA6B,GAAnC,MAAM,6BAA6B;IAWxC,YAA6C,MAAe;QAAf,WAAM,GAAN,MAAM,CAAS;QAJ5D,SAAI,GAAc,SAAS,CAAC;QAK1B,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;IACzB,CAAC;IAED,MAAM,CAAC,GAAW;QAChB,OAAO;IACT,CAAC;IAED,IAAI,CAAC,KAAa,EAAE,MAAe,EAAE,MAA+B;QAClE,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,MAAM,CAAC,IAAI,EAAE;YACf,MAAM,IAAI,KAAK,CAAC,6BAA6B,CAAC,CAAC;SAChD;QACD,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QAClB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;QACnB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;IACtB,CAAC;IAED,MAAM,CAAC,CAAS,EAAE,CAAS;QACzB,OAAO;IACT,CAAC;IACD,UAAU,CAAC,CAAS,EAAE,CAAS;QAC7B,OAAO;IACT,CAAC;IAED,MAAM,CAAC,KAAe,EAAE,MAA+B,EAAE,UAAkC;QACzF,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,kCAAO,UAAU,KAAE,KAAK,EAAE,KAAK,IAAG,CAAC;QACxE,OAAO;IACT,CAAC;IAED,KAAK,CAAC,aAA0C;QAC9C,OAAO;IACT,CAAC;IAED,OAAO,CAAC,WAAoB,EAAE,MAA+B;QAC3D,OAAO;IACT,CAAC;IAED,MAAM,CAAC,MAAe,EAAE,KAAe,EAAE,MAA+C;;QACtF,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,EAAE,CAAC;QACpC,MAAM,CAAC,aAAa,CAAC,MAAM,CAAC,KAAK,gCAC/B,OAAO,IACJ,MAAM,KACT,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAA,MAAM,CAAC,UAAU,mCAAI,MAAM,CAAC,CAAC,CAAC,SAAS,IAC7D,CAAC;QACH,OAAO;IACT,CAAC;IAED,UAAU;QACR,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO;QACL,OAAO;IACT,CAAC;CACF,CAAA;AAnEY,6BAA6B;IADzC,IAAA,2BAAU,GAAE;IAYE,WAAA,IAAA,uBAAM,EAAC,mBAAO,CAAC,CAAA;;GAXjB,6BAA6B,CAmEzC;AAnEY,sEAA6B","file":"empty-contribution.js","sourcesContent":["import { inject, injectable } from '../../../common/inversify-lite';\nimport type {\n  IGlobal,\n  IDrawToParams,\n  IGroup,\n  ILayer,\n  ILayerHandlerContribution,\n  IWindow,\n  ILayerHandlerInitParams,\n  ILayerHandlerDrawParams,\n  IDrawContext,\n  LayerMode\n} from '../../../interface';\nimport type { IBounds } from '@visactor/vutils';\nimport { VGlobal } from '../../../constants';\n\n@injectable()\nexport class EmptyLayerHandlerContribution implements ILayerHandlerContribution {\n  layer: ILayer;\n  canvas: null;\n  context: null;\n  offscreen: boolean;\n  main: boolean;\n  window: IWindow;\n  type: LayerMode = 'virtual';\n  // 所依赖的主layer handler\n  mainHandler: ILayerHandlerContribution;\n\n  constructor(@inject(VGlobal) public readonly global: IGlobal) {\n    this.offscreen = false;\n  }\n\n  setDpr(dpr: number) {\n    return;\n  }\n\n  init(layer: ILayer, window: IWindow, params: ILayerHandlerInitParams): void {\n    this.layer = layer;\n    this.window = window;\n    if (params.main) {\n      throw new Error('virtual layer不能作为main layer');\n    }\n    this.main = false;\n    this.canvas = null;\n    this.context = null;\n  }\n\n  resize(w: number, h: number) {\n    return;\n  }\n  resizeView(w: number, h: number) {\n    return;\n  }\n\n  render(group: IGroup[], params: ILayerHandlerDrawParams, userParams?: Partial<IDrawContext>): void {\n    this.mainHandler.render(group, params, { ...userParams, clear: false });\n    return;\n  }\n\n  merge(layerHandlers: ILayerHandlerContribution[]) {\n    return;\n  }\n\n  prepare(dirtyBounds: IBounds, params: ILayerHandlerDrawParams) {\n    return;\n  }\n\n  drawTo(target: IWindow, group: IGroup[], params: IDrawToParams & ILayerHandlerDrawParams) {\n    const context = target.getContext();\n    params.renderService.render(group, {\n      context,\n      ...params,\n      clear: params.clear ? params.background ?? '#fff' : undefined\n    });\n    return;\n  }\n\n  getContext(): null {\n    return null;\n  }\n\n  release() {\n    return;\n  }\n}\n"]}
+{"version":3,"sources":["../src/core/contributions/layerHandler/empty-contribution.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,mEAAoE;AAcpE,sDAAmD;AAG5C,IAAM,6BAA6B,GAAnC,MAAM,6BAA6B;IAYxC;QACE,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,IAAI,GAAG,SAAS,CAAC;QACtB,IAAI,CAAC,MAAM,GAAG,yBAAW,CAAC,MAAM,CAAC;IACnC,CAAC;IAED,MAAM,CAAC,GAAW;QAChB,OAAO;IACT,CAAC;IAED,IAAI,CAAC,KAAa,EAAE,MAAe,EAAE,MAA+B;QAClE,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,MAAM,CAAC,IAAI,EAAE;YACf,MAAM,IAAI,KAAK,CAAC,6BAA6B,CAAC,CAAC;SAChD;QACD,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QAClB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;QACnB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;IACtB,CAAC;IAED,MAAM,CAAC,CAAS,EAAE,CAAS;QACzB,OAAO;IACT,CAAC;IACD,UAAU,CAAC,CAAS,EAAE,CAAS;QAC7B,OAAO;IACT,CAAC;IAED,MAAM,CAAC,KAAe,EAAE,MAA+B,EAAE,UAAkC;QACzF,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,kCAAO,UAAU,KAAE,KAAK,EAAE,KAAK,IAAG,CAAC;QACxE,OAAO;IACT,CAAC;IAED,KAAK,CAAC,aAA0C;QAC9C,OAAO;IACT,CAAC;IAED,OAAO,CAAC,WAAoB,EAAE,MAA+B;QAC3D,OAAO;IACT,CAAC;IAED,MAAM,CAAC,MAAe,EAAE,KAAe,EAAE,MAA+C;;QACtF,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,EAAE,CAAC;QACpC,MAAM,CAAC,aAAa,CAAC,MAAM,CAAC,KAAK,gCAC/B,OAAO,IACJ,MAAM,KACT,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAA,MAAM,CAAC,UAAU,mCAAI,MAAM,CAAC,CAAC,CAAC,SAAS,IAC7D,CAAC;QACH,OAAO;IACT,CAAC;IAED,UAAU;QACR,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO;QACL,OAAO;IACT,CAAC;CACF,CAAA;AAtEY,6BAA6B;IADzC,IAAA,2BAAU,GAAE;;GACA,6BAA6B,CAsEzC;AAtEY,sEAA6B","file":"empty-contribution.js","sourcesContent":["import { inject, injectable } from '../../../common/inversify-lite';\nimport type {\n  IGlobal,\n  IDrawToParams,\n  IGroup,\n  ILayer,\n  ILayerHandlerContribution,\n  IWindow,\n  ILayerHandlerInitParams,\n  ILayerHandlerDrawParams,\n  IDrawContext,\n  LayerMode\n} from '../../../interface';\nimport type { IBounds } from '@visactor/vutils';\nimport { application } from '../../../application';\n\n@injectable()\nexport class EmptyLayerHandlerContribution implements ILayerHandlerContribution {\n  declare layer: ILayer;\n  declare canvas: null;\n  declare context: null;\n  declare offscreen: boolean;\n  declare main: boolean;\n  declare window: IWindow;\n  declare type: LayerMode;\n  // 所依赖的主layer handler\n  declare mainHandler: ILayerHandlerContribution;\n  declare global: IGlobal;\n\n  constructor() {\n    this.offscreen = false;\n    this.type = 'virtual';\n    this.global = application.global;\n  }\n\n  setDpr(dpr: number) {\n    return;\n  }\n\n  init(layer: ILayer, window: IWindow, params: ILayerHandlerInitParams): void {\n    this.layer = layer;\n    this.window = window;\n    if (params.main) {\n      throw new Error('virtual layer不能作为main layer');\n    }\n    this.main = false;\n    this.canvas = null;\n    this.context = null;\n  }\n\n  resize(w: number, h: number) {\n    return;\n  }\n  resizeView(w: number, h: number) {\n    return;\n  }\n\n  render(group: IGroup[], params: ILayerHandlerDrawParams, userParams?: Partial<IDrawContext>): void {\n    this.mainHandler.render(group, params, { ...userParams, clear: false });\n    return;\n  }\n\n  merge(layerHandlers: ILayerHandlerContribution[]) {\n    return;\n  }\n\n  prepare(dirtyBounds: IBounds, params: ILayerHandlerDrawParams) {\n    return;\n  }\n\n  drawTo(target: IWindow, group: IGroup[], params: IDrawToParams & ILayerHandlerDrawParams) {\n    const context = target.getContext();\n    params.renderService.render(group, {\n      context,\n      ...params,\n      clear: params.clear ? params.background ?? '#fff' : undefined\n    });\n    return;\n  }\n\n  getContext(): null {\n    return null;\n  }\n\n  release() {\n    return;\n  }\n}\n"]}

package/cjs/core/contributions/layerHandler/offscreen2d-contribution.d.ts

@@ -1,14 +1,14 @@
 import type { IGlobal, ICanvas, IContext2d, IDrawToParams, IGroup, ILayer, ILayerHandlerContribution, ILayerHandlerInitParams, IWindow, ILayerHandlerDrawParams, LayerMode } from '../../../interface';
 import type { IBoundsLike } from '@visactor/vutils';
 export declare class OffscreenLayerHandlerContribution implements ILayerHandlerContribution {
-    readonly global: IGlobal;
     layer: ILayer;
     canvas: ICanvas;
     context: IContext2d;
     offscreen: boolean;
     type: LayerMode;
     secondaryHandlers: ILayerHandlerContribution[];
-    constructor(global: IGlobal);
+    global: IGlobal;
+    constructor();
     setDpr(dpr: number): void;
     init(layer: ILayer, window: IWindow, params: ILayerHandlerInitParams): void;
     resize(w: number, h: number): void;

package/cjs/core/contributions/layerHandler/offscreen2d-contribution.js

@@ -6,21 +6,17 @@ var __decorate = this && this.__decorate || function(decorators, target, key, de
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 }, __metadata = this && this.__metadata || function(k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
-}, __param = this && this.__param || function(paramIndex, decorator) {
-    return function(target, key) {
-        decorator(target, key, paramIndex);
-    };
 };
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.OffscreenLayerHandlerContribution = void 0;
 
-const inversify_lite_1 = require("../../../common/inversify-lite"), util_1 = require("../../../canvas/util"), constants_1 = require("../../../constants");
+const inversify_lite_1 = require("../../../common/inversify-lite"), util_1 = require("../../../canvas/util"), application_1 = require("../../../application");
 
 let OffscreenLayerHandlerContribution = class {
-    constructor(global) {
-        this.global = global, this.type = "dynamic", this.offscreen = !0;
+    constructor() {
+        this.offscreen = !0, this.type = "dynamic", this.global = application_1.application.global;
     }
     setDpr(dpr) {
         this.canvas.dpr = dpr;
@@ -72,7 +68,6 @@ let OffscreenLayerHandlerContribution = class {
     merge(layerHandlers) {}
 };
 
-OffscreenLayerHandlerContribution = __decorate([ (0, inversify_lite_1.injectable)(), __param(0, (0, 
-inversify_lite_1.inject)(constants_1.VGlobal)), __metadata("design:paramtypes", [ Object ]) ], OffscreenLayerHandlerContribution), 
+OffscreenLayerHandlerContribution = __decorate([ (0, inversify_lite_1.injectable)(), __metadata("design:paramtypes", []) ], OffscreenLayerHandlerContribution), 
 exports.OffscreenLayerHandlerContribution = OffscreenLayerHandlerContribution;
 //# sourceMappingURL=offscreen2d-contribution.js.map

package/cjs/core/contributions/layerHandler/offscreen2d-contribution.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/core/contributions/layerHandler/offscreen2d-contribution.ts"],"names":[],"mappings":"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","file":"offscreen2d-contribution.js","sourcesContent":["import { inject, injectable } from '../../../common/inversify-lite';\nimport { wrapCanvas } from '../../../canvas/util';\nimport type {\n  IGlobal,\n  ICanvas,\n  IContext2d,\n  IDrawToParams,\n  IGroup,\n  ILayer,\n  ILayerHandlerContribution,\n  ILayerHandlerInitParams,\n  IWindow,\n  ILayerHandlerDrawParams,\n  LayerMode\n} from '../../../interface';\nimport type { IBoundsLike } from '@visactor/vutils';\nimport { VGlobal } from '../../../constants';\n\n@injectable()\nexport class OffscreenLayerHandlerContribution implements ILayerHandlerContribution {\n  layer: ILayer;\n  canvas: ICanvas;\n  context: IContext2d;\n  offscreen: boolean;\n  type: LayerMode = 'dynamic';\n  // 所绑定的副layer handler\n  secondaryHandlers: ILayerHandlerContribution[];\n\n  constructor(@inject(VGlobal) public readonly global: IGlobal) {\n    this.offscreen = true;\n  }\n\n  setDpr(dpr: number) {\n    this.canvas.dpr = dpr;\n    return;\n  }\n\n  init(layer: ILayer, window: IWindow, params: ILayerHandlerInitParams): void {\n    this.layer = layer;\n    const nativeCanvas = this.global.createOffscreenCanvas({\n      width: params.width,\n      height: params.height,\n      dpr: window.dpr\n    });\n    const canvas = wrapCanvas({\n      nativeCanvas,\n      width: params.width,\n      height: params.height,\n      dpr: window.dpr,\n      canvasControled: true\n    });\n\n    this.canvas = canvas;\n    this.context = canvas.getContext();\n  }\n\n  resize(w: number, h: number) {\n    this.canvas.resize(w, h);\n    return;\n  }\n  resizeView(w: number, h: number) {\n    this.canvas.resize(w, h);\n    return;\n  }\n\n  render(group: IGroup[], params: ILayerHandlerDrawParams): void {\n    params.renderService.render(group, {\n      context: this.context,\n      ...params,\n      x: 0,\n      y: 0,\n      clear: params.background ?? '#ffffff'\n    });\n  }\n\n  prepare(dirtyBounds: IBoundsLike, params: ILayerHandlerDrawParams) {\n    return;\n  }\n\n  release() {\n    this.canvas.release();\n  }\n\n  getContext(): IContext2d {\n    return this.context;\n  }\n\n  drawTo(target: IWindow, group: IGroup[], params: IDrawToParams & ILayerHandlerDrawParams) {\n    const context = target.getContext();\n    const targetDpr = target.dpr;\n\n    const { x = 0, y = 0, width = this.layer.viewWidth, height = this.layer.viewHeight } = params;\n    // 这个context可能是外部的，不要使用内置的状态，直接用原生的context\n    context.nativeContext.save();\n    context.nativeContext.setTransform(targetDpr, 0, 0, targetDpr, 0, 0);\n    if (params.clear) {\n      context.clearRect(x, y, width, height);\n    }\n    context.drawImage(this.canvas.nativeCanvas, 0, 0, this.canvas.width, this.canvas.height, x, y, width, height);\n    context.nativeContext.restore();\n  }\n\n  merge(layerHandlers: ILayerHandlerContribution[]) {\n    return;\n  }\n}\n"]}
+{"version":3,"sources":["../src/core/contributions/layerHandler/offscreen2d-contribution.ts"],"names":[],"mappings":"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","file":"offscreen2d-contribution.js","sourcesContent":["import { inject, injectable } from '../../../common/inversify-lite';\nimport { wrapCanvas } from '../../../canvas/util';\nimport type {\n  IGlobal,\n  ICanvas,\n  IContext2d,\n  IDrawToParams,\n  IGroup,\n  ILayer,\n  ILayerHandlerContribution,\n  ILayerHandlerInitParams,\n  IWindow,\n  ILayerHandlerDrawParams,\n  LayerMode\n} from '../../../interface';\nimport type { IBoundsLike } from '@visactor/vutils';\nimport { application } from '../../../application';\n\n@injectable()\nexport class OffscreenLayerHandlerContribution implements ILayerHandlerContribution {\n  declare layer: ILayer;\n  declare canvas: ICanvas;\n  declare context: IContext2d;\n  declare offscreen: boolean;\n  declare type: LayerMode;\n  // 所绑定的副layer handler\n  declare secondaryHandlers: ILayerHandlerContribution[];\n  declare global: IGlobal;\n\n  constructor() {\n    this.offscreen = true;\n    this.type = 'dynamic';\n    this.global = application.global;\n  }\n\n  setDpr(dpr: number) {\n    this.canvas.dpr = dpr;\n    return;\n  }\n\n  init(layer: ILayer, window: IWindow, params: ILayerHandlerInitParams): void {\n    this.layer = layer;\n    const nativeCanvas = this.global.createOffscreenCanvas({\n      width: params.width,\n      height: params.height,\n      dpr: window.dpr\n    });\n    const canvas = wrapCanvas({\n      nativeCanvas,\n      width: params.width,\n      height: params.height,\n      dpr: window.dpr,\n      canvasControled: true\n    });\n\n    this.canvas = canvas;\n    this.context = canvas.getContext();\n  }\n\n  resize(w: number, h: number) {\n    this.canvas.resize(w, h);\n    return;\n  }\n  resizeView(w: number, h: number) {\n    this.canvas.resize(w, h);\n    return;\n  }\n\n  render(group: IGroup[], params: ILayerHandlerDrawParams): void {\n    params.renderService.render(group, {\n      context: this.context,\n      ...params,\n      x: 0,\n      y: 0,\n      clear: params.background ?? '#ffffff'\n    });\n  }\n\n  prepare(dirtyBounds: IBoundsLike, params: ILayerHandlerDrawParams) {\n    return;\n  }\n\n  release() {\n    this.canvas.release();\n  }\n\n  getContext(): IContext2d {\n    return this.context;\n  }\n\n  drawTo(target: IWindow, group: IGroup[], params: IDrawToParams & ILayerHandlerDrawParams) {\n    const context = target.getContext();\n    const targetDpr = target.dpr;\n\n    const { x = 0, y = 0, width = this.layer.viewWidth, height = this.layer.viewHeight } = params;\n    // 这个context可能是外部的，不要使用内置的状态，直接用原生的context\n    context.nativeContext.save();\n    context.nativeContext.setTransform(targetDpr, 0, 0, targetDpr, 0, 0);\n    if (params.clear) {\n      context.clearRect(x, y, width, height);\n    }\n    context.drawImage(this.canvas.nativeCanvas, 0, 0, this.canvas.width, this.canvas.height, x, y, width, height);\n    context.nativeContext.restore();\n  }\n\n  merge(layerHandlers: ILayerHandlerContribution[]) {\n    return;\n  }\n}\n"]}

package/cjs/core/contributions/textMeasure/AtextMeasure.d.ts

@@ -33,11 +33,14 @@ export declare class ATextMeasure implements ITextMeasure {
         width: number;
     };
     private _clipText;
+    private _clipTextEnd;
+    private _clipTextStart;
+    private _clipTextMiddle;
     clipTextWithSuffixVertical(verticalList: {
         text: string;
         width?: number;
         direction: number;
-    }[], options: TextOptionsType, width: number, suffix: string, wordBreak: boolean): {
+    }[], options: TextOptionsType, width: number, suffix: string, wordBreak: boolean, suffixPosition: 'start' | 'end' | 'middle'): {
         verticalList: {
             text: string;
             width?: number;
@@ -45,7 +48,16 @@ export declare class ATextMeasure implements ITextMeasure {
         }[];
         width: number;
     };
-    clipTextWithSuffix(text: string, options: TextOptionsType, width: number, suffix: string, wordBreak: boolean): {
+    revertVerticalList(verticalList: {
+        text: string;
+        width?: number;
+        direction: number;
+    }[]): {
+        text: string;
+        width?: number;
+        direction: number;
+    }[];
+    clipTextWithSuffix(text: string, options: TextOptionsType, width: number, suffix: string, wordBreak: boolean, position: 'start' | 'end' | 'middle'): {
         str: string;
         width: number;
     };

package/cjs/core/contributions/textMeasure/AtextMeasure.js

@@ -60,7 +60,7 @@ let ATextMeasure = class {
         for (;i < verticalList.length && length + verticalList[i].width < width; i++) length += verticalList[i].width, 
         out.push(verticalList[i]);
         if (verticalList[i] && verticalList[i].text.length > 1) {
-            const clipedData = this._clipText(verticalList[i].text, options, width - length, 0, verticalList[i].text.length - 1);
+            const clipedData = this._clipText(verticalList[i].text, options, width - length, 0, verticalList[i].text.length - 1, "end", !1);
             if (wordBreak && clipedData.str !== verticalList[i].text) {
                 let text = "", length = 0;
                 for (let j = 0; j < i; j++) {
@@ -97,14 +97,28 @@ let ATextMeasure = class {
             str: "",
             width: 0
         };
-        const data = this._clipText(text, options, width, 0, text.length - 1);
+        const data = this._clipText(text, options, width, 0, text.length - 1, "end", !1);
         if (wordBreak && data.str !== text) {
             const index = (0, utils_1.testLetter)(text, data.str.length);
             index !== data.str.length && (data.str = text.substring(0, index), data.width = this.measureTextWidth(data.str, options));
         }
         return data;
     }
-    _clipText(text, options, width, leftIdx, rightIdx) {
+    _clipText(text, options, width, leftIdx, rightIdx, position, suffix) {
+        let data;
+        if ("end" === position) data = this._clipTextEnd(text, options, width, leftIdx, rightIdx), 
+        suffix && (data.result = data.str + suffix); else if ("start" === position) data = this._clipTextStart(text, options, width, leftIdx, rightIdx), 
+        suffix && (data.result = suffix + data.str); else if ("middle" === position) {
+            const d = this._clipTextMiddle(text, options, width, "", "", 0, 0, 1);
+            data = {
+                str: "none",
+                width: d.width,
+                result: d.left + suffix + d.right
+            };
+        }
+        return data;
+    }
+    _clipTextEnd(text, options, width, leftIdx, rightIdx) {
         const middleIdx = Math.floor((leftIdx + rightIdx) / 2), subText = text.substring(0, middleIdx + 1), strWidth = this.measureTextWidth(subText, options);
         let length;
         if (strWidth > width) {
@@ -116,7 +130,7 @@ let ATextMeasure = class {
             return length = this.measureTextWidth(str, options), length <= width ? {
                 str: str,
                 width: length
-            } : this._clipText(text, options, width, leftIdx, middleIdx);
+            } : this._clipTextEnd(text, options, width, leftIdx, middleIdx);
         }
         if (strWidth < width) {
             if (middleIdx >= text.length - 1) return {
@@ -127,14 +141,58 @@ let ATextMeasure = class {
             return length = this.measureTextWidth(str, options), length >= width ? {
                 str: subText,
                 width: strWidth
-            } : this._clipText(text, options, width, middleIdx, rightIdx);
+            } : this._clipTextEnd(text, options, width, middleIdx, rightIdx);
         }
         return {
             str: subText,
             width: strWidth
         };
     }
-    clipTextWithSuffixVertical(verticalList, options, width, suffix, wordBreak) {
+    _clipTextStart(text, options, width, leftIdx, rightIdx) {
+        const middleIdx = Math.ceil((leftIdx + rightIdx) / 2), subText = text.substring(middleIdx - 1, text.length - 1), strWidth = this.measureTextWidth(subText, options);
+        let length;
+        if (strWidth > width) {
+            if (subText.length <= 1) return {
+                str: "",
+                width: 0
+            };
+            const str = text.substring(middleIdx, text.length - 1);
+            return length = this.measureTextWidth(str, options), length <= width ? {
+                str: str,
+                width: length
+            } : this._clipTextStart(text, options, width, middleIdx, text.length - 1);
+        }
+        if (strWidth < width) {
+            if (middleIdx <= 0) return {
+                str: text,
+                width: this.measureTextWidth(text, options)
+            };
+            const str = text.substring(middleIdx - 2, text.length - 1);
+            return length = this.measureTextWidth(str, options), length >= width ? {
+                str: subText,
+                width: strWidth
+            } : this._clipTextStart(text, options, width, leftIdx, middleIdx);
+        }
+        return {
+            str: subText,
+            width: strWidth
+        };
+    }
+    _clipTextMiddle(text, options, width, left, right, leftW, rightW, buffer) {
+        const subLeftText = text.substring(0, buffer), strLeftWidth = this.measureTextWidth(subLeftText, options);
+        if (strLeftWidth + rightW > width) return {
+            left: left,
+            right: right,
+            width: leftW + rightW
+        };
+        const subRightText = text.substring(text.length - buffer, text.length), strRightWidth = this.measureTextWidth(subRightText, options);
+        return strLeftWidth + strRightWidth > width ? {
+            left: subLeftText,
+            right: right,
+            width: strLeftWidth + rightW
+        } : this._clipTextMiddle(text, options, width, subLeftText, subRightText, strLeftWidth, strRightWidth, buffer + 1);
+    }
+    clipTextWithSuffixVertical(verticalList, options, width, suffix, wordBreak, suffixPosition) {
         if ("" === suffix) return this.clipTextVertical(verticalList, options, width, wordBreak);
         if (0 === verticalList.length) return {
             verticalList: verticalList,
@@ -144,15 +202,43 @@ let ATextMeasure = class {
         if (output.verticalList.length === verticalList.length && output.verticalList[output.verticalList.length - 1].width === verticalList[verticalList.length - 1].width) return output;
         const suffixWidth = this.measureTextWidth(suffix, options);
         if (suffixWidth > width) return output;
-        width -= suffixWidth;
-        const out = this.clipTextVertical(verticalList, options, width, wordBreak);
-        return out.width += suffixWidth, out.verticalList.push({
+        let out;
+        if (width -= suffixWidth, "start" === suffixPosition) {
+            const nextVerticalList = this.revertVerticalList(verticalList);
+            out = this.clipTextVertical(nextVerticalList, options, width, wordBreak);
+            const v = this.revertVerticalList(out.verticalList);
+            v.unshift({
+                text: suffix,
+                direction: 1,
+                width: suffixWidth
+            }), out.verticalList = v;
+        } else if ("middle" === suffixPosition) {
+            const leftOut = this.clipTextVertical(verticalList, options, width / 2, wordBreak), nextVerticalList = this.revertVerticalList(verticalList), rightOut = this.clipTextVertical(nextVerticalList, options, width / 2, wordBreak);
+            leftOut.verticalList.push({
+                text: suffix,
+                direction: 1,
+                width: suffixWidth
+            }), this.revertVerticalList(rightOut.verticalList).forEach((v => leftOut.verticalList.push(v))), 
+            out = {
+                verticalList: leftOut.verticalList,
+                width: leftOut.width + rightOut.width
+            };
+        } else out = this.clipTextVertical(verticalList, options, width, wordBreak), out.verticalList.push({
             text: suffix,
             direction: 1,
             width: suffixWidth
-        }), out;
+        });
+        return out.width += suffixWidth, out;
+    }
+    revertVerticalList(verticalList) {
+        return verticalList.reverse().map((l => {
+            const t = l.text.split("").reverse().join("");
+            return Object.assign(Object.assign({}, l), {
+                text: t
+            });
+        }));
     }
-    clipTextWithSuffix(text, options, width, suffix, wordBreak) {
+    clipTextWithSuffix(text, options, width, suffix, wordBreak, position) {
         if ("" === suffix) return this.clipText(text, options, width, wordBreak);
         if (0 === text.length) return {
             str: "",
@@ -169,12 +255,12 @@ let ATextMeasure = class {
             width: 0
         };
         width -= suffixWidth;
-        const data = this._clipText(text, options, width, 0, text.length - 1);
+        const data = this._clipText(text, options, width, 0, text.length - 1, position, suffix);
         if (wordBreak && data.str !== text) {
             const index = (0, utils_1.testLetter)(text, data.str.length);
             index !== data.str.length && (data.str = text.substring(0, index), data.width = this.measureTextWidth(data.str, options));
         }
-        return data.str += suffix, data.width += suffixWidth, data;
+        return data.str = data.result, data.width += suffixWidth, data;
     }
 };
 

package/cjs/core/contributions/textMeasure/AtextMeasure.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/core/contributions/textMeasure/AtextMeasure.ts"],"names":[],"mappings":"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","file":"AtextMeasure.js","sourcesContent":["import { injectable } from '../../../common/inversify-lite';\nimport type { IGraphicUtil } from '../../../interface/core';\nimport type { ICanvas, IContext2d, EnvType } from '../../../interface';\nimport type { TextOptionsType, ITextMeasure } from '../../../interface/text';\nimport { DefaultTextAttribute, DefaultTextStyle } from '../../../graphic/config';\nimport { testLetter } from '../../../graphic/richtext/utils';\n\n@injectable()\nexport class ATextMeasure implements ITextMeasure {\n  release: (...params: any) => void;\n  protected canvas?: ICanvas;\n  protected context?: IContext2d | null;\n\n  configure(service: IGraphicUtil, env: EnvType): void {\n    this.canvas = service.canvas;\n    this.context = service.context;\n    service.bindTextMeasure(this);\n  }\n\n  /**\n   * 获取text宽度，measureText.width\n   * @param text\n   * @param options\n   */\n  measureTextWidth(text: string, options: TextOptionsType): number {\n    if (!this.context) {\n      return this.estimate(text, options).width;\n    }\n    this.context.setTextStyleWithoutAlignBaseline(options);\n    const textMeasure = this.context.measureText(text);\n    return textMeasure.width;\n  }\n\n  // 估算文字长度\n  estimate(\n    text: string,\n    { fontSize = DefaultTextAttribute.fontSize }: TextOptionsType\n  ): { width: number; height: number } {\n    // 假设只有英文和中文字符\n    let eCharLen = 0; // 英文字符\n    let cCharLen = 0; // 中文字符\n    // 判断ascii码，如果是\n    for (let i = 0; i < text.length; i++) {\n      text.charCodeAt(i) < 128 ? eCharLen++ : cCharLen++;\n    }\n    return {\n      width: ~~(0.8 * eCharLen * fontSize + cCharLen * fontSize),\n      height: fontSize\n    };\n  }\n\n  /**\n   * 获取text像素高度，基于actualBoundingBoxAscent和actualBoundingBoxDescent\n   * @param text\n   * @param options\n   */\n  measureTextPixelHeight(text: string, options: TextOptionsType): number {\n    if (!this.context) {\n      return options.fontSize ?? DefaultTextStyle.fontSize;\n    }\n    this.context.setTextStyleWithoutAlignBaseline(options);\n    const textMeasure = this.context.measureText(text);\n    return Math.abs((textMeasure as any).actualBoundingBoxAscent - (textMeasure as any).actualBoundingBoxDescent);\n  }\n\n  /**\n   * 获取text包围盒的高度，基于fontBoundingBoxAscent和fontBoundingBoxDescent\n   * @param text\n   * @param options\n   */\n  measureTextBoundHieght(text: string, options: TextOptionsType): number {\n    if (!this.context) {\n      return options.fontSize ?? DefaultTextStyle.fontSize;\n    }\n    this.context.setTextStyleWithoutAlignBaseline(options);\n    const textMeasure = this.context.measureText(text);\n    return Math.abs((textMeasure as any).fontBoundingBoxAscent - (textMeasure as any).fontBoundingBoxDescent);\n  }\n\n  /**\n   * 获取text测量对象\n   * @param text\n   * @param options\n   */\n  measureText(text: string, options: TextOptionsType): TextMetrics | { width: number } {\n    if (!this.context) {\n      return this.estimate(text, options);\n    }\n    this.context.setTextStyleWithoutAlignBaseline(options);\n    return this.context.measureText(text);\n  }\n\n  clipTextVertical(\n    verticalList: { text: string; width?: number; direction: number }[],\n    options: TextOptionsType,\n    width: number,\n    wordBreak: boolean\n  ): {\n    verticalList: { text: string; width?: number; direction: number }[];\n    width: number;\n  } {\n    if (verticalList.length === 0) {\n      return { verticalList, width: 0 };\n    }\n    const { fontSize = 12 } = options;\n    // 计算每一个区域的width\n    verticalList.forEach(item => {\n      item.width = item.direction === 0 ? fontSize : this.measureTextWidth(item.text, options);\n    });\n    const out: { text: string; width?: number; direction: number }[] = [];\n    let length = 0;\n    let i = 0;\n    for (; i < verticalList.length; i++) {\n      if (length + verticalList[i].width < width) {\n        length += verticalList[i].width;\n        out.push(verticalList[i]);\n      } else {\n        break;\n      }\n    }\n    if (verticalList[i] && verticalList[i].text.length > 1) {\n      const clipedData = this._clipText(\n        verticalList[i].text,\n        options,\n        width - length,\n        0,\n        verticalList[i].text.length - 1\n      );\n      if (wordBreak && clipedData.str !== verticalList[i].text) {\n        let text = '';\n        let length = 0;\n        for (let j = 0; j < i; j++) {\n          const item = verticalList[j];\n          text += item.text;\n          length += item.text.length;\n        }\n        text += verticalList[i].text;\n        const totalLength = length + clipedData.str.length;\n        let index = testLetter(text, totalLength);\n        index = index - length;\n        if (index !== clipedData.str.length - 1) {\n          clipedData.str = clipedData.str.substring(0, index);\n          clipedData.width = this.measureTextWidth(clipedData.str, options);\n        }\n      }\n      out.push({ ...verticalList[i], text: clipedData.str, width: clipedData.width });\n      length += clipedData.width;\n    }\n\n    return {\n      verticalList: out,\n      width: length\n    };\n  }\n\n  /**\n   * 将文本裁剪到width宽\n   * @param text\n   * @param options\n   * @param width\n   */\n  clipText(\n    text: string,\n    options: TextOptionsType,\n    width: number,\n    wordBreak: boolean\n  ): {\n    str: string;\n    width: number;\n  } {\n    if (text.length === 0) {\n      return { str: '', width: 0 };\n    }\n    let length = this.measureTextWidth(text, options);\n    if (length <= width) {\n      return { str: text, width: length };\n    }\n    length = this.measureTextWidth(text[0], options);\n    if (length > width) {\n      return { str: '', width: 0 };\n    }\n    const data = this._clipText(text, options, width, 0, text.length - 1);\n    // 如果需要文字截断\n    if (wordBreak && data.str !== text) {\n      const index = testLetter(text, data.str.length);\n      if (index !== data.str.length) {\n        data.str = text.substring(0, index);\n        data.width = this.measureTextWidth(data.str, options);\n      }\n    }\n    return data;\n  }\n\n  // 二分法找到最佳宽\n  private _clipText(\n    text: string,\n    options: TextOptionsType,\n    width: number,\n    leftIdx: number,\n    rightIdx: number\n  ): { str: string; width: number } {\n    const middleIdx = Math.floor((leftIdx + rightIdx) / 2);\n    const subText = text.substring(0, middleIdx + 1);\n    const strWidth = this.measureTextWidth(subText, options);\n    let length: number;\n    if (strWidth > width) {\n      // 如果字符串的宽度大于限制宽度\n      if (subText.length <= 1) {\n        return { str: '', width: 0 };\n      } // 如果子字符串长度小于1，而且大于给定宽的话，返回空字符串\n      // 先判断是不是左侧的那个字符\n      const str = text.substring(0, middleIdx);\n      // 如果到左侧的字符小于或等于width，那么说明就是左侧的字符\n      length = this.measureTextWidth(str, options);\n      if (length <= width) {\n        return { str, width: length };\n      }\n      // 返回leftIdx到middleIdx\n      return this._clipText(text, options, width, leftIdx, middleIdx);\n    } else if (strWidth < width) {\n      // 如果字符串的宽度小于限制宽度\n      if (middleIdx >= text.length - 1) {\n        return { str: text, width: this.measureTextWidth(text, options) };\n      } // 如果已经到结尾了，返回text\n      // 先判断是不是右侧的那个字符\n      const str = text.substring(0, middleIdx + 2);\n      // 如果到右侧的字符大于或等于width，那么说明就是这个字符串\n      length = this.measureTextWidth(str, options);\n      if (length >= width) {\n        return { str: subText, width: strWidth };\n      }\n      // 返回middleIdx到rightIdx\n      return this._clipText(text, options, width, middleIdx, rightIdx);\n    }\n    // 如果相同，那么就找到text\n    return { str: subText, width: strWidth };\n  }\n\n  clipTextWithSuffixVertical(\n    verticalList: { text: string; width?: number; direction: number }[],\n    options: TextOptionsType,\n    width: number,\n    suffix: string,\n    wordBreak: boolean\n  ): {\n    verticalList: { text: string; width?: number; direction: number }[];\n    width: number;\n  } {\n    if (suffix === '') {\n      return this.clipTextVertical(verticalList, options, width, wordBreak);\n    }\n    if (verticalList.length === 0) {\n      return { verticalList, width: 0 };\n    }\n\n    const output = this.clipTextVertical(verticalList, options, width, wordBreak);\n    if (\n      output.verticalList.length === verticalList.length &&\n      output.verticalList[output.verticalList.length - 1].width === verticalList[verticalList.length - 1].width\n    ) {\n      return output;\n    }\n\n    const suffixWidth = this.measureTextWidth(suffix, options);\n    if (suffixWidth > width) {\n      return output;\n    }\n\n    width -= suffixWidth;\n\n    const out = this.clipTextVertical(verticalList, options, width, wordBreak);\n    out.width += suffixWidth;\n    out.verticalList.push({\n      text: suffix,\n      direction: 1,\n      width: suffixWidth\n    });\n    return out;\n  }\n  clipTextWithSuffix(\n    text: string,\n    options: TextOptionsType,\n    width: number,\n    suffix: string,\n    wordBreak: boolean\n  ): {\n    str: string;\n    width: number;\n  } {\n    if (suffix === '') {\n      return this.clipText(text, options, width, wordBreak);\n    }\n    if (text.length === 0) {\n      return { str: '', width: 0 };\n    }\n    const length = this.measureTextWidth(text, options);\n    if (length <= width) {\n      return { str: text, width: length };\n    }\n    const suffixWidth = this.measureTextWidth(suffix, options);\n    if (suffixWidth > width) {\n      return { str: '', width: 0 };\n    }\n    width -= suffixWidth;\n    const data = this._clipText(text, options, width, 0, text.length - 1);\n\n    // 如果需要文字截断\n    if (wordBreak && data.str !== text) {\n      const index = testLetter(text, data.str.length);\n      if (index !== data.str.length) {\n        data.str = text.substring(0, index);\n        data.width = this.measureTextWidth(data.str, options);\n      }\n    }\n    data.str += suffix;\n    data.width += suffixWidth;\n    return data;\n  }\n}\n"]}
+{"version":3,"sources":["../src/core/contributions/textMeasure/AtextMeasure.ts"],"names":[],"mappings":"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","file":"AtextMeasure.js","sourcesContent":["import { injectable } from '../../../common/inversify-lite';\nimport type { IGraphicUtil } from '../../../interface/core';\nimport type { ICanvas, IContext2d, EnvType } from '../../../interface';\nimport type { TextOptionsType, ITextMeasure } from '../../../interface/text';\nimport { DefaultTextAttribute, DefaultTextStyle } from '../../../graphic/config';\nimport { testLetter } from '../../../graphic/richtext/utils';\n\n@injectable()\nexport class ATextMeasure implements ITextMeasure {\n  release: (...params: any) => void;\n  protected canvas?: ICanvas;\n  protected context?: IContext2d | null;\n\n  configure(service: IGraphicUtil, env: EnvType): void {\n    this.canvas = service.canvas;\n    this.context = service.context;\n    service.bindTextMeasure(this);\n  }\n\n  /**\n   * 获取text宽度，measureText.width\n   * @param text\n   * @param options\n   */\n  measureTextWidth(text: string, options: TextOptionsType): number {\n    if (!this.context) {\n      return this.estimate(text, options).width;\n    }\n    this.context.setTextStyleWithoutAlignBaseline(options);\n    const textMeasure = this.context.measureText(text);\n    return textMeasure.width;\n  }\n\n  // 估算文字长度\n  estimate(\n    text: string,\n    { fontSize = DefaultTextAttribute.fontSize }: TextOptionsType\n  ): { width: number; height: number } {\n    // 假设只有英文和中文字符\n    let eCharLen = 0; // 英文字符\n    let cCharLen = 0; // 中文字符\n    // 判断ascii码，如果是\n    for (let i = 0; i < text.length; i++) {\n      text.charCodeAt(i) < 128 ? eCharLen++ : cCharLen++;\n    }\n    return {\n      width: ~~(0.8 * eCharLen * fontSize + cCharLen * fontSize),\n      height: fontSize\n    };\n  }\n\n  /**\n   * 获取text像素高度，基于actualBoundingBoxAscent和actualBoundingBoxDescent\n   * @param text\n   * @param options\n   */\n  measureTextPixelHeight(text: string, options: TextOptionsType): number {\n    if (!this.context) {\n      return options.fontSize ?? DefaultTextStyle.fontSize;\n    }\n    this.context.setTextStyleWithoutAlignBaseline(options);\n    const textMeasure = this.context.measureText(text);\n    return Math.abs((textMeasure as any).actualBoundingBoxAscent - (textMeasure as any).actualBoundingBoxDescent);\n  }\n\n  /**\n   * 获取text包围盒的高度，基于fontBoundingBoxAscent和fontBoundingBoxDescent\n   * @param text\n   * @param options\n   */\n  measureTextBoundHieght(text: string, options: TextOptionsType): number {\n    if (!this.context) {\n      return options.fontSize ?? DefaultTextStyle.fontSize;\n    }\n    this.context.setTextStyleWithoutAlignBaseline(options);\n    const textMeasure = this.context.measureText(text);\n    return Math.abs((textMeasure as any).fontBoundingBoxAscent - (textMeasure as any).fontBoundingBoxDescent);\n  }\n\n  /**\n   * 获取text测量对象\n   * @param text\n   * @param options\n   */\n  measureText(text: string, options: TextOptionsType): TextMetrics | { width: number } {\n    if (!this.context) {\n      return this.estimate(text, options);\n    }\n    this.context.setTextStyleWithoutAlignBaseline(options);\n    return this.context.measureText(text);\n  }\n\n  clipTextVertical(\n    verticalList: { text: string; width?: number; direction: number }[],\n    options: TextOptionsType,\n    width: number,\n    wordBreak: boolean\n  ): {\n    verticalList: { text: string; width?: number; direction: number }[];\n    width: number;\n  } {\n    if (verticalList.length === 0) {\n      return { verticalList, width: 0 };\n    }\n    const { fontSize = 12 } = options;\n    // 计算每一个区域的width\n    verticalList.forEach(item => {\n      item.width = item.direction === 0 ? fontSize : this.measureTextWidth(item.text, options);\n    });\n    const out: { text: string; width?: number; direction: number }[] = [];\n    let length = 0;\n    let i = 0;\n    for (; i < verticalList.length; i++) {\n      if (length + verticalList[i].width < width) {\n        length += verticalList[i].width;\n        out.push(verticalList[i]);\n      } else {\n        break;\n      }\n    }\n    if (verticalList[i] && verticalList[i].text.length > 1) {\n      const clipedData = this._clipText(\n        verticalList[i].text,\n        options,\n        width - length,\n        0,\n        verticalList[i].text.length - 1,\n        'end',\n        false\n      );\n      if (wordBreak && clipedData.str !== verticalList[i].text) {\n        let text = '';\n        let length = 0;\n        for (let j = 0; j < i; j++) {\n          const item = verticalList[j];\n          text += item.text;\n          length += item.text.length;\n        }\n        text += verticalList[i].text;\n        const totalLength = length + clipedData.str.length;\n        let index = testLetter(text, totalLength);\n        index = index - length;\n        if (index !== clipedData.str.length - 1) {\n          clipedData.str = clipedData.str.substring(0, index);\n          clipedData.width = this.measureTextWidth(clipedData.str, options);\n        }\n      }\n      out.push({ ...verticalList[i], text: clipedData.str, width: clipedData.width });\n      length += clipedData.width;\n    }\n\n    return {\n      verticalList: out,\n      width: length\n    };\n  }\n\n  /**\n   * 将文本裁剪到width宽\n   * @param text\n   * @param options\n   * @param width\n   */\n  clipText(\n    text: string,\n    options: TextOptionsType,\n    width: number,\n    wordBreak: boolean\n  ): {\n    str: string;\n    width: number;\n  } {\n    if (text.length === 0) {\n      return { str: '', width: 0 };\n    }\n    let length = this.measureTextWidth(text, options);\n    if (length <= width) {\n      return { str: text, width: length };\n    }\n    length = this.measureTextWidth(text[0], options);\n    if (length > width) {\n      return { str: '', width: 0 };\n    }\n    const data = this._clipText(text, options, width, 0, text.length - 1, 'end', false);\n    // 如果需要文字截断\n    if (wordBreak && data.str !== text) {\n      const index = testLetter(text, data.str.length);\n      if (index !== data.str.length) {\n        data.str = text.substring(0, index);\n        data.width = this.measureTextWidth(data.str, options);\n      }\n    }\n    return data;\n  }\n\n  // 二分法找到最佳宽\n  // TODO: 后续考虑代码合并\n  private _clipText(\n    text: string,\n    options: TextOptionsType,\n    width: number,\n    leftIdx: number,\n    rightIdx: number,\n    position: 'start' | 'end' | 'middle',\n    suffix: string | false\n  ): { str: string; width: number; result?: string } {\n    let data: { str: string; width: number; result?: string };\n    if (position === 'end') {\n      data = this._clipTextEnd(text, options, width, leftIdx, rightIdx);\n      suffix && (data.result = data.str + suffix);\n    } else if (position === 'start') {\n      data = this._clipTextStart(text, options, width, leftIdx, rightIdx);\n      suffix && (data.result = suffix + data.str);\n    } else if (position === 'middle') {\n      const d = this._clipTextMiddle(text, options, width, '', '', 0, 0, 1);\n      data = { str: 'none', width: d.width, result: d.left + suffix + d.right };\n    }\n    return data;\n  }\n\n  private _clipTextEnd(\n    text: string,\n    options: TextOptionsType,\n    width: number,\n    leftIdx: number,\n    rightIdx: number\n  ): { str: string; width: number } {\n    const middleIdx = Math.floor((leftIdx + rightIdx) / 2);\n    const subText = text.substring(0, middleIdx + 1);\n    const strWidth = this.measureTextWidth(subText, options);\n    let length: number;\n    if (strWidth > width) {\n      // 如果字符串的宽度大于限制宽度\n      if (subText.length <= 1) {\n        return { str: '', width: 0 };\n      } // 如果子字符串长度小于1，而且大于给定宽的话，返回空字符串\n      // 先判断是不是左侧的那个字符\n      const str = text.substring(0, middleIdx);\n      // 如果到左侧的字符小于或等于width，那么说明就是左侧的字符\n      length = this.measureTextWidth(str, options);\n      if (length <= width) {\n        return { str, width: length };\n      }\n      // 返回leftIdx到middleIdx\n      return this._clipTextEnd(text, options, width, leftIdx, middleIdx);\n    } else if (strWidth < width) {\n      // 如果字符串的宽度小于限制宽度\n      if (middleIdx >= text.length - 1) {\n        return { str: text, width: this.measureTextWidth(text, options) };\n      } // 如果已经到结尾了，返回text\n      // 先判断是不是右侧的那个字符\n      const str = text.substring(0, middleIdx + 2);\n      // 如果到右侧的字符大于或等于width，那么说明就是这个字符串\n      length = this.measureTextWidth(str, options);\n      if (length >= width) {\n        return { str: subText, width: strWidth };\n      }\n      // 返回middleIdx到rightIdx\n      return this._clipTextEnd(text, options, width, middleIdx, rightIdx);\n    }\n    // 如果相同，那么就找到text\n    return { str: subText, width: strWidth };\n  }\n\n  private _clipTextStart(\n    text: string,\n    options: TextOptionsType,\n    width: number,\n    leftIdx: number,\n    rightIdx: number\n  ): { str: string; width: number } {\n    const middleIdx = Math.ceil((leftIdx + rightIdx) / 2);\n    const subText = text.substring(middleIdx - 1, text.length - 1);\n    const strWidth = this.measureTextWidth(subText, options);\n    let length: number;\n    if (strWidth > width) {\n      // 如果字符串的宽度大于限制宽度\n      if (subText.length <= 1) {\n        return { str: '', width: 0 };\n      } // 如果子字符串长度小于1，而且大于给定宽的话，返回空字符串\n      // 先判断是不是左侧的那个字符\n      const str = text.substring(middleIdx, text.length - 1);\n      // 如果到左侧的字符小于或等于width，那么说明就是左侧的字符\n      length = this.measureTextWidth(str, options);\n      if (length <= width) {\n        return { str, width: length };\n      }\n      // 返回leftIdx到middleIdx\n      return this._clipTextStart(text, options, width, middleIdx, text.length - 1);\n    } else if (strWidth < width) {\n      // 如果字符串的宽度小于限制宽度\n      if (middleIdx <= 0) {\n        return { str: text, width: this.measureTextWidth(text, options) };\n      } // 如果已经到结尾了，返回text\n      // 先判断是不是右侧的那个字符\n      const str = text.substring(middleIdx - 2, text.length - 1);\n      // 如果到右侧的字符大于或等于width，那么说明就是这个字符串\n      length = this.measureTextWidth(str, options);\n      if (length >= width) {\n        return { str: subText, width: strWidth };\n      }\n      // 返回middleIdx到rightIdx\n      return this._clipTextStart(text, options, width, leftIdx, middleIdx);\n    }\n    // 如果相同，那么就找到text\n    return { str: subText, width: strWidth };\n  }\n\n  private _clipTextMiddle(\n    text: string,\n    options: TextOptionsType,\n    width: number,\n    left: string,\n    right: string,\n    leftW: number,\n    rightW: number,\n    buffer: number\n  ): { left: string; right: string; width: number } {\n    const subLeftText = text.substring(0, buffer);\n    const strLeftWidth = this.measureTextWidth(subLeftText, options);\n    if (strLeftWidth + rightW > width) {\n      return { left, right, width: leftW + rightW };\n    }\n    const subRightText = text.substring(text.length - buffer, text.length);\n    const strRightWidth = this.measureTextWidth(subRightText, options);\n    if (strLeftWidth + strRightWidth > width) {\n      return { left: subLeftText, right, width: strLeftWidth + rightW };\n    }\n    return this._clipTextMiddle(\n      text,\n      options,\n      width,\n      subLeftText,\n      subRightText,\n      strLeftWidth,\n      strRightWidth,\n      buffer + 1\n    );\n  }\n\n  clipTextWithSuffixVertical(\n    verticalList: { text: string; width?: number; direction: number }[],\n    options: TextOptionsType,\n    width: number,\n    suffix: string,\n    wordBreak: boolean,\n    suffixPosition: 'start' | 'end' | 'middle'\n  ): {\n    verticalList: { text: string; width?: number; direction: number }[];\n    width: number;\n  } {\n    if (suffix === '') {\n      return this.clipTextVertical(verticalList, options, width, wordBreak);\n    }\n    if (verticalList.length === 0) {\n      return { verticalList, width: 0 };\n    }\n\n    const output = this.clipTextVertical(verticalList, options, width, wordBreak);\n    if (\n      output.verticalList.length === verticalList.length &&\n      output.verticalList[output.verticalList.length - 1].width === verticalList[verticalList.length - 1].width\n    ) {\n      return output;\n    }\n\n    const suffixWidth = this.measureTextWidth(suffix, options);\n    if (suffixWidth > width) {\n      return output;\n    }\n\n    width -= suffixWidth;\n\n    let out;\n    if (suffixPosition === 'start') {\n      const nextVerticalList = this.revertVerticalList(verticalList);\n      out = this.clipTextVertical(nextVerticalList, options, width, wordBreak);\n      const v = this.revertVerticalList(out.verticalList);\n      v.unshift({\n        text: suffix,\n        direction: 1,\n        width: suffixWidth\n      });\n      out.verticalList = v;\n    } else if (suffixPosition === 'middle') {\n      const leftOut = this.clipTextVertical(verticalList, options, width / 2, wordBreak);\n      const nextVerticalList = this.revertVerticalList(verticalList);\n      const rightOut = this.clipTextVertical(nextVerticalList, options, width / 2, wordBreak);\n      // 添加suffix\n      leftOut.verticalList.push({\n        text: suffix,\n        direction: 1,\n        width: suffixWidth\n      });\n      this.revertVerticalList(rightOut.verticalList).forEach(v => leftOut.verticalList.push(v));\n      out = {\n        verticalList: leftOut.verticalList,\n        width: leftOut.width + rightOut.width\n      };\n    } else {\n      out = this.clipTextVertical(verticalList, options, width, wordBreak);\n      out.verticalList.push({\n        text: suffix,\n        direction: 1,\n        width: suffixWidth\n      });\n    }\n    out.width += suffixWidth;\n    return out;\n  }\n\n  revertVerticalList(\n    verticalList: {\n      text: string;\n      width?: number;\n      direction: number;\n    }[]\n  ) {\n    return verticalList.reverse().map(l => {\n      const t = l.text.split('').reverse().join('');\n      return {\n        ...l,\n        text: t\n      };\n    });\n  }\n\n  clipTextWithSuffix(\n    text: string,\n    options: TextOptionsType,\n    width: number,\n    suffix: string,\n    wordBreak: boolean,\n    position: 'start' | 'end' | 'middle'\n  ): {\n    str: string;\n    width: number;\n  } {\n    if (suffix === '') {\n      return this.clipText(text, options, width, wordBreak);\n    }\n    if (text.length === 0) {\n      return { str: '', width: 0 };\n    }\n    const length = this.measureTextWidth(text, options);\n    if (length <= width) {\n      return { str: text, width: length };\n    }\n    const suffixWidth = this.measureTextWidth(suffix, options);\n    if (suffixWidth > width) {\n      return { str: '', width: 0 };\n    }\n    width -= suffixWidth;\n    const data = this._clipText(text, options, width, 0, text.length - 1, position, suffix);\n\n    // 如果需要文字截断\n    if (wordBreak && data.str !== text) {\n      const index = testLetter(text, data.str.length);\n      if (index !== data.str.length) {\n        data.str = text.substring(0, index);\n        data.width = this.measureTextWidth(data.str, options);\n      }\n    }\n    data.str = data.result!;\n    data.width += suffixWidth;\n    return data;\n  }\n}\n"]}

package/cjs/core/contributions/textMeasure/layout.d.ts

@@ -6,8 +6,8 @@ export declare class CanvasTextLayout {
     private textMeasure;
     constructor(fontFamily: string, options: TextOptionsType, textMeasure: ITextMeasure);
     LayoutBBox(bbox: TextLayoutBBox, textAlign: TextAlignType, textBaseline: TextBaselineType): TextLayoutBBox;
-    GetLayout(str: string, width: number, height: number, textAlign: TextAlignType, textBaseline: TextBaselineType, lineHeight: number, suffix: string, wordBreak: boolean, miniApp: boolean): LayoutType;
-    GetLayoutByLines(lines: (string | number)[], textAlign: TextAlignType, textBaseline: TextBaselineType, lineHeight: number, suffix: string, wordBreak: boolean, lineWidth?: number): LayoutType;
+    GetLayout(str: string, width: number, height: number, textAlign: TextAlignType, textBaseline: TextBaselineType, lineHeight: number, suffix: string, wordBreak: boolean, suffixPosition: 'start' | 'end' | 'middle'): LayoutType;
+    GetLayoutByLines(lines: (string | number)[], textAlign: TextAlignType, textBaseline: TextBaselineType, lineHeight: number, suffix: string, wordBreak: boolean, lineWidth?: number, suffixPosition?: 'start' | 'end' | 'middle'): LayoutType;
     layoutWithBBox(bbox: TextLayoutBBox, lines: LayoutItemType[], textAlign: TextAlignType, textBaseline: TextBaselineType, lineHeight: number): LayoutType;
     private lineOffset;
 }

package/cjs/core/contributions/textMeasure/layout.js

@@ -16,10 +16,10 @@ class CanvasTextLayout {
         return bbox.yOffset = "top" === textBaseline ? 0 : "middle" === textBaseline ? bbox.height / -2 : "alphabetic" === textBaseline ? -.79 * bbox.height : -bbox.height, 
         bbox;
     }
-    GetLayout(str, width, height, textAlign, textBaseline, lineHeight, suffix, wordBreak, miniApp) {
+    GetLayout(str, width, height, textAlign, textBaseline, lineHeight, suffix, wordBreak, suffixPosition) {
         const linesLayout = [], bboxWH = [ width, height ], bboxOffset = [ 0, 0 ];
         for (;str.length > 0; ) {
-            const {str: clipText} = this.textMeasure.clipTextWithSuffix(str, this.textOptions, width, suffix, wordBreak);
+            const {str: clipText} = this.textMeasure.clipTextWithSuffix(str, this.textOptions, width, suffix, wordBreak, suffixPosition);
             linesLayout.push({
                 str: clipText,
                 width: this.textMeasure.measureTextWidth(clipText, this.textOptions)
@@ -35,14 +35,14 @@ class CanvasTextLayout {
         };
         return this.layoutWithBBox(bbox, linesLayout, textAlign, textBaseline, lineHeight);
     }
-    GetLayoutByLines(lines, textAlign, textBaseline, lineHeight, suffix = "", wordBreak, lineWidth) {
+    GetLayoutByLines(lines, textAlign, textBaseline, lineHeight, suffix = "", wordBreak, lineWidth, suffixPosition = "end") {
         lines = lines.map((l => l.toString()));
         const linesLayout = [], bboxWH = [ 0, 0 ];
         if ("number" == typeof lineWidth && lineWidth !== 1 / 0) {
             let width;
             for (let i = 0, len = lines.length; i < len; i++) width = Math.min(this.textMeasure.measureTextWidth(lines[i], this.textOptions), lineWidth), 
             linesLayout.push({
-                str: this.textMeasure.clipTextWithSuffix(lines[i], this.textOptions, width, suffix, wordBreak).str,
+                str: this.textMeasure.clipTextWithSuffix(lines[i], this.textOptions, width, suffix, wordBreak, suffixPosition).str,
                 width: width
             });
             bboxWH[0] = lineWidth;