@visactor/vrender 0.9.0-alpha.0

package/es/canvas/contributions/taro/canvas.js

@@ -0,0 +1,101 @@
+var __decorate = this && this.__decorate || function(decorators, target, key, desc) {
+    var d, c = arguments.length, r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
+    if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc); else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
+    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);
+};
+
+import { injectable } from "inversify";
+
+import { TaroContext2d } from "./context";
+
+const DefaultConfig = {
+    WIDTH: 500,
+    HEIGHT: 500,
+    DPR: 1
+};
+
+let TaroCanvas = class {
+    get id() {
+        return this._id;
+    }
+    get x() {
+        return this._x;
+    }
+    get y() {
+        return this._y;
+    }
+    get nativeCanvas() {
+        return this._nativeCanvas;
+    }
+    get width() {
+        return this._pixelWidth;
+    }
+    set width(width) {
+        this._pixelWidth = width, this._displayWidth = width / (this._dpr || 1);
+    }
+    get height() {
+        return this._pixelHeight;
+    }
+    set height(height) {
+        this._pixelHeight = height, this._displayHeight = height / (this._dpr || 1);
+    }
+    get displayWidth() {
+        return this._displayWidth;
+    }
+    get displayHeight() {
+        return this._displayHeight;
+    }
+    getContext(str) {
+        return this._context;
+    }
+    get visiable() {
+        return this._visiable;
+    }
+    set visiable(visiable) {
+        this._visiable = visiable, visiable ? this.show() : this.hide();
+    }
+    get dpr() {
+        return this._dpr;
+    }
+    set dpr(dpr) {
+        this._dpr = dpr;
+    }
+    constructor(params) {
+        const {nativeCanvas: nativeCanvas, width: width = DefaultConfig.WIDTH, height: height = DefaultConfig.HEIGHT, dpr: dpr = DefaultConfig.DPR} = params, {x: x, y: y} = nativeCanvas.getBoundingClientRect ? nativeCanvas.getBoundingClientRect() : {
+            x: 0,
+            y: 0
+        };
+        this._x = x, this._y = y, this._pixelWidth = width * dpr, this._pixelHeight = height * dpr, 
+        this._visiable = !1 !== params.visiable, this._displayWidth = width, this._displayHeight = height, 
+        this._dpr = dpr, this._nativeCanvas = nativeCanvas, this._context = new TaroContext2d(this, this._dpr), 
+        this._id = nativeCanvas.id;
+    }
+    getNativeCanvas() {
+        return this._nativeCanvas;
+    }
+    resetStyle(params) {}
+    applyPosition() {}
+    hide() {}
+    show() {}
+    resize(width, height) {}
+    toDataURL(mimeType, quality) {
+        return "";
+    }
+    readPixels(x, y, w, h) {
+        throw new Error("暂未实现");
+    }
+    convertToBlob(options) {
+        throw new Error("暂未实现");
+    }
+    transferToImageBitmap() {
+        throw new Error("暂未实现");
+    }
+    release(...params) {}
+};
+
+TaroCanvas.env = "taro", TaroCanvas = __decorate([ injectable(), __metadata("design:paramtypes", [ Object ]) ], TaroCanvas);
+
+export { TaroCanvas };
+//# sourceMappingURL=canvas.js.map

package/es/canvas/contributions/taro/canvas.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/canvas/contributions/taro/canvas.ts"],"names":[],"mappings":"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","file":"canvas.js","sourcesContent":["import { injectable } from 'inversify';\nimport { ICanvas, IContext2d, CanvasConfigType, EnvType } from '../../../interface';\nimport { TaroContext2d } from './context';\n\nconst DefaultConfig = {\n  WIDTH: 500,\n  HEIGHT: 500,\n  DPR: 1\n};\n\n@injectable()\nexport class TaroCanvas implements ICanvas {\n  static env: EnvType = 'taro';\n  // 显示的宽高，如果是离屏canvas，就是pixelWidth / pixelRatio\n  private _displayWidth: number; // 显示的宽度\n  private _displayHeight: number; // 显示的高度\n  private _id: number | string;\n  // 像素宽高\n  private _pixelWidth: number; // 像素宽度\n  private _pixelHeight: number; // 像素高度\n\n  private _x: number;\n  private _y: number;\n  private _dpr: number;\n\n  private _nativeCanvas: HTMLCanvasElement;\n  private _context: IContext2d;\n  private _visiable: boolean;\n\n  get id(): number | string {\n    return this._id;\n  }\n  get x(): number {\n    return this._x;\n  }\n  get y(): number {\n    return this._y;\n  }\n  get nativeCanvas(): HTMLCanvasElement {\n    return this._nativeCanvas;\n  }\n\n  get width(): number {\n    return this._pixelWidth;\n  }\n  set width(width: number) {\n    this._pixelWidth = width;\n    this._displayWidth = width / (this._dpr || 1);\n  }\n\n  get height(): number {\n    return this._pixelHeight;\n  }\n  set height(height: number) {\n    this._pixelHeight = height;\n    this._displayHeight = height / (this._dpr || 1);\n  }\n  get displayWidth(): number {\n    return this._displayWidth;\n  }\n  get displayHeight(): number {\n    return this._displayHeight;\n  }\n  getContext(str?: string): IContext2d {\n    return this._context;\n  }\n\n  get visiable(): boolean {\n    return this._visiable;\n  }\n  set visiable(visiable: boolean) {\n    this._visiable = visiable;\n    visiable ? this.show() : this.hide();\n  }\n\n  get dpr(): number {\n    return this._dpr;\n  }\n  set dpr(dpr: number) {\n    // this._lastPixelRatio = this._pixelRatio;\n    this._dpr = dpr;\n  }\n\n  /**\n   * 通过canvas生成一个wrap对象，初始化时不会再设置canvas的属性\n   * @param params\n   */\n  constructor(params: CanvasConfigType) {\n    const {\n      nativeCanvas,\n      width = DefaultConfig.WIDTH,\n      height = DefaultConfig.HEIGHT,\n      dpr = DefaultConfig.DPR\n    } = params;\n    const { x, y } = nativeCanvas.getBoundingClientRect ? nativeCanvas.getBoundingClientRect() : { x: 0, y: 0 };\n    this._x = x;\n    this._y = y;\n    this._pixelWidth = width * dpr;\n    this._pixelHeight = height * dpr;\n    this._visiable = params.visiable !== false;\n\n    // 离屏canvas\n    this._displayWidth = width;\n    this._displayHeight = height;\n    this._dpr = dpr;\n    this._nativeCanvas = nativeCanvas;\n    this._context = new TaroContext2d(this, this._dpr);\n    this._id = nativeCanvas.id;\n  }\n\n  getNativeCanvas(): HTMLCanvasElement {\n    return this._nativeCanvas;\n  }\n\n  resetStyle(params: Partial<CanvasConfigType>) {\n    return;\n  }\n  applyPosition() {\n    return;\n  }\n\n  hide() {\n    return;\n  }\n  show() {\n    return;\n  }\n\n  /**\n   * 设置canvas的size大小，设置context的scale\n   * @param width\n   * @param height\n   */\n  resize(width: number, height: number) {\n    return;\n  }\n\n  toDataURL(): string;\n  toDataURL(mimeType: 'image/png'): string;\n  toDataURL(mimeType: 'image/jpeg', quality: number): string;\n  toDataURL(mimeType?: string, quality?: number) {\n    return '';\n  }\n\n  readPixels(x: number, y: number, w: number, h: number): ImageData | Promise<ImageData> {\n    throw new Error('暂未实现');\n  }\n\n  convertToBlob(options?: { type?: string | undefined; quality?: number | undefined } | undefined): Promise<Blob> {\n    throw new Error('暂未实现');\n  }\n\n  transferToImageBitmap(): ImageBitmap {\n    throw new Error('暂未实现');\n  }\n\n  release(...params: any): void {\n    return;\n  }\n}\n"]}

package/es/canvas/contributions/taro/context.d.ts

@@ -0,0 +1,31 @@
+import { ICommonStyleParams, IContext2d, ISetCommonStyleParams, ISetStrokeStyleParams, IStrokeStyleParams, ITextStyleParams, IConicalGradientData, EnvType } from '../../../interface';
+import { BrowserContext2d } from '../browser';
+interface ITTContext {
+    setFillStyle: (c: string | CanvasGradient) => void;
+    setStrokeStyle: (c: string | CanvasGradient) => void;
+    setGlobalAlpha: (alpha: number) => void;
+    setLineWidth: (width: number) => void;
+    setMiterLimit: (limit: number) => void;
+    setLineJoin: (lineJoin: string) => void;
+    setLineCap: (lineCap: string) => void;
+    setTextAlign: (align: string) => void;
+    setTextBaseline: (baseline: string) => void;
+    setLineDash: (lineDash: number[]) => void;
+    setFontSize: ((size: number) => void) & ((fontSize: number) => void);
+    font: string;
+}
+export declare class TaroContext2d extends BrowserContext2d implements IContext2d {
+    static env: EnvType;
+    nativeContext: ITTContext;
+    _globalAlpha: number;
+    get globalAlpha(): number;
+    set globalAlpha(ga: number);
+    draw(): void;
+    strokeText(text: string, x: number, y: number): void;
+    _setCommonStyle(params: ISetCommonStyleParams, attribute: ICommonStyleParams, offsetX: number, offsetY: number, defaultParams?: ICommonStyleParams): void;
+    _setStrokeStyle(params: ISetStrokeStyleParams, attribute: IStrokeStyleParams, offsetX: number, offsetY: number, defaultParams?: IStrokeStyleParams): void;
+    setTextStyleWithoutAlignBaseline(params: Partial<ITextStyleParams>, defaultParams?: ITextStyleParams): void;
+    setTextStyle(params: Partial<ITextStyleParams>, defaultParams?: ITextStyleParams): void;
+    createConicGradient(x: number, y: number, startAngle: number, endAngle: number): IConicalGradientData;
+}
+export {};

package/es/canvas/contributions/taro/context.js

@@ -0,0 +1,64 @@
+var __decorate = this && this.__decorate || function(decorators, target, key, desc) {
+    var d, c = arguments.length, r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
+    if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc); else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+import { injectable } from "inversify";
+
+import { BrowserContext2d } from "../browser";
+
+import { createColor, getContextFont, getScaledStroke } from "../../../common";
+
+let TaroContext2d = class extends BrowserContext2d {
+    get globalAlpha() {
+        return this._globalAlpha;
+    }
+    set globalAlpha(ga) {
+        this.nativeContext.setGlobalAlpha(ga), this._globalAlpha = ga;
+    }
+    draw() {
+        this.nativeContext.draw();
+    }
+    strokeText(text, x, y) {}
+    _setCommonStyle(params, attribute, offsetX, offsetY, defaultParams) {
+        const _context = this.nativeContext;
+        defaultParams || (defaultParams = this.fillAttributes);
+        const {fillOpacity: fillOpacity = defaultParams.fillOpacity, opacity: opacity = defaultParams.opacity, fillColor: fillColor = defaultParams.fillColor} = attribute;
+        fillOpacity > 1e-12 && opacity > 1e-12 && (_context.setGlobalAlpha(fillOpacity * opacity), 
+        _context.setFillStyle(createColor(this, fillColor, params, offsetX, offsetY)));
+    }
+    _setStrokeStyle(params, attribute, offsetX, offsetY, defaultParams) {
+        const _context = this.nativeContext;
+        defaultParams || (defaultParams = this.strokeAttributes);
+        const {strokeOpacity: strokeOpacity = defaultParams.strokeOpacity, opacity: opacity = defaultParams.opacity} = attribute;
+        if (strokeOpacity > 1e-12 && opacity > 1e-12) {
+            const {lineWidth: lineWidth = defaultParams.lineWidth, strokeColor: strokeColor = defaultParams.strokeColor, lineJoin: lineJoin = defaultParams.lineJoin, lineDash: lineDash = defaultParams.lineDash, lineCap: lineCap = defaultParams.lineCap, miterLimit: miterLimit = defaultParams.miterLimit} = attribute;
+            _context.setGlobalAlpha(strokeOpacity * opacity), _context.setLineWidth(getScaledStroke(this, lineWidth, this.dpr)), 
+            _context.setStrokeStyle(createColor(this, strokeColor, params, offsetX, offsetY)), 
+            _context.setLineJoin(lineJoin), _context.setLineDash(lineDash), _context.setLineCap(lineCap), 
+            _context.setMiterLimit(miterLimit);
+        }
+    }
+    setTextStyleWithoutAlignBaseline(params, defaultParams) {
+        var _a;
+        const _context = this.nativeContext;
+        defaultParams || (defaultParams = this.textAttributes), params.font ? _context.font = params.font : _context.font = getContextFont(params, defaultParams), 
+        _context.setFontSize(null !== (_a = params.fontSize) && void 0 !== _a ? _a : defaultParams.fontSize);
+    }
+    setTextStyle(params, defaultParams) {
+        var _a, _b;
+        const _context = this.nativeContext;
+        defaultParams || (defaultParams = this.textAttributes), params.font ? _context.font = params.font : _context.font = getContextFont(params, defaultParams), 
+        _context.setTextAlign(null !== (_a = params.textAlign) && void 0 !== _a ? _a : defaultParams.textAlign), 
+        _context.setTextBaseline(null !== (_b = params.textBaseline) && void 0 !== _b ? _b : defaultParams.textBaseline);
+    }
+    createConicGradient(x, y, startAngle, endAngle) {
+        return null;
+    }
+};
+
+TaroContext2d.env = "taro", TaroContext2d = __decorate([ injectable() ], TaroContext2d);
+
+export { TaroContext2d };
+//# sourceMappingURL=context.js.map

package/es/canvas/contributions/taro/context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/canvas/contributions/taro/context.ts"],"names":[],"mappings":"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","file":"context.js","sourcesContent":["// 参考konva\nimport { injectable } from 'inversify';\nimport {\n  ICommonStyleParams,\n  IContext2d,\n  ISetCommonStyleParams,\n  ISetStrokeStyleParams,\n  IStrokeStyleParams,\n  ITextStyleParams,\n  IConicalGradientData,\n  EnvType\n} from '../../../interface';\nimport { BrowserContext2d } from '../browser';\nimport { createColor, getContextFont, getScaledStroke } from '../../../common';\n\n// 考虑taro-feishu等环境\ninterface ITTContext {\n  setFillStyle: (c: string | CanvasGradient) => void;\n  setStrokeStyle: (c: string | CanvasGradient) => void;\n  setGlobalAlpha: (alpha: number) => void;\n  setLineWidth: (width: number) => void;\n  setMiterLimit: (limit: number) => void;\n  setLineJoin: (lineJoin: string) => void;\n  setLineCap: (lineCap: string) => void;\n  setTextAlign: (align: string) => void;\n  setTextBaseline: (baseline: string) => void;\n  setLineDash: (lineDash: number[]) => void;\n  setFontSize: ((size: number) => void) & ((fontSize: number) => void);\n  font: string;\n}\n\n@injectable()\nexport class TaroContext2d extends BrowserContext2d implements IContext2d {\n  static env: EnvType = 'taro';\n\n  declare nativeContext: ITTContext;\n\n  declare _globalAlpha: number;\n\n  // feishu小程序无法正常获取到globalAlpha\n  get globalAlpha(): number {\n    return this._globalAlpha;\n  }\n  set globalAlpha(ga: number) {\n    this.nativeContext.setGlobalAlpha(ga);\n    this._globalAlpha = ga;\n  }\n\n  draw() {\n    const _context = this.nativeContext as any;\n    _context.draw();\n  }\n\n  strokeText(text: string, x: number, y: number) {\n    return;\n  }\n\n  _setCommonStyle(\n    params: ISetCommonStyleParams,\n    attribute: ICommonStyleParams,\n    // 用于渐变色\n    offsetX: number,\n    offsetY: number,\n    defaultParams?: ICommonStyleParams\n  ) {\n    const _context = this.nativeContext;\n    if (!defaultParams) {\n      defaultParams = this.fillAttributes;\n    }\n    const {\n      fillOpacity = defaultParams.fillOpacity,\n      opacity = defaultParams.opacity,\n      fillColor = defaultParams.fillColor\n    } = attribute;\n    if (fillOpacity > 1e-12 && opacity > 1e-12) {\n      _context.setGlobalAlpha(fillOpacity * opacity);\n      _context.setFillStyle(createColor(this, fillColor, params, offsetX, offsetY));\n      // todo 小程序\n    } else {\n      // _context.setGlobalAlpha(fillOpacity * opacity);\n    }\n  }\n\n  _setStrokeStyle(\n    params: ISetStrokeStyleParams,\n    attribute: IStrokeStyleParams,\n    // 用于渐变色\n    offsetX: number,\n    offsetY: number,\n    defaultParams?: IStrokeStyleParams\n  ) {\n    const _context = this.nativeContext;\n    if (!defaultParams) {\n      defaultParams = this.strokeAttributes;\n    }\n    const { strokeOpacity = defaultParams.strokeOpacity, opacity = defaultParams.opacity } = attribute;\n    if (strokeOpacity > 1e-12 && opacity > 1e-12) {\n      const {\n        lineWidth = defaultParams.lineWidth,\n        strokeColor = defaultParams.strokeColor,\n        lineJoin = defaultParams.lineJoin,\n        lineDash = defaultParams.lineDash,\n        lineCap = defaultParams.lineCap,\n        miterLimit = defaultParams.miterLimit\n      } = attribute;\n      _context.setGlobalAlpha(strokeOpacity * opacity);\n      _context.setLineWidth(getScaledStroke(this, lineWidth, this.dpr));\n      _context.setStrokeStyle(createColor(this, strokeColor, params, offsetX, offsetY));\n      _context.setLineJoin(lineJoin);\n      _context.setLineDash(lineDash);\n      _context.setLineCap(lineCap);\n      _context.setMiterLimit(miterLimit);\n    }\n  }\n  setTextStyleWithoutAlignBaseline(params: Partial<ITextStyleParams>, defaultParams?: ITextStyleParams) {\n    const _context = this.nativeContext;\n    if (!defaultParams) {\n      defaultParams = this.textAttributes;\n    }\n    if (params.font) {\n      _context.font = params.font;\n    } else {\n      _context.font = getContextFont(params, defaultParams);\n    }\n    _context.setFontSize(params.fontSize ?? defaultParams.fontSize);\n    // // 这里不使用defaultParams\n    // _context.textAlign = params.textAlign || 'left';\n    // _context.textBaseline = params.textBaseline || 'alphabetic';\n  }\n  setTextStyle(params: Partial<ITextStyleParams>, defaultParams?: ITextStyleParams) {\n    const _context = this.nativeContext;\n    if (!defaultParams) {\n      defaultParams = this.textAttributes;\n    }\n    if (params.font) {\n      _context.font = params.font;\n    } else {\n      _context.font = getContextFont(params, defaultParams);\n    }\n    _context.setTextAlign(params.textAlign ?? defaultParams.textAlign);\n    _context.setTextBaseline(params.textBaseline ?? defaultParams.textBaseline);\n  }\n  createConicGradient(x: number, y: number, startAngle: number, endAngle: number): IConicalGradientData {\n    return null;\n  }\n}\n"]}

package/es/canvas/contributions/taro/index.d.ts

@@ -0,0 +1,2 @@
+export * from './canvas';
+export * from './context';

package/es/canvas/contributions/taro/index.js

@@ -0,0 +1,4 @@
+export * from "./canvas";
+
+export * from "./context";
+//# sourceMappingURL=index.js.map

package/es/canvas/contributions/taro/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/canvas/contributions/taro/index.ts"],"names":[],"mappings":"AACA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC","file":"index.js","sourcesContent":["// 依然导出canvas和context，便于指定环境直接使用\nexport * from './canvas';\nexport * from './context';\n"]}

package/es/canvas/contributions/taro/modules.d.ts

@@ -0,0 +1,3 @@
+import { ContainerModule } from 'inversify';
+declare const _default: ContainerModule;
+export default _default;

package/es/canvas/contributions/taro/modules.js

@@ -0,0 +1,13 @@
+import { ContainerModule } from "inversify";
+
+import { TaroCanvas } from "./canvas";
+
+import { TaroContext2d } from "./context";
+
+import { CanvasFactory, Context2dFactory } from "../../interface";
+
+export default new ContainerModule((bind => {
+    bind(CanvasFactory).toDynamicValue((() => params => new TaroCanvas(params))).whenTargetNamed(TaroCanvas.env), 
+    bind(Context2dFactory).toDynamicValue((() => (params, dpr) => new TaroContext2d(params, dpr))).whenTargetNamed(TaroContext2d.env);
+}));
+//# sourceMappingURL=modules.js.map

package/es/canvas/contributions/taro/modules.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/canvas/contributions/taro/modules.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAGlE,eAAe,IAAI,eAAe,CAAC,IAAI,CAAC,EAAE;IACxC,IAAI,CAAC,aAAa,CAAC;SAChB,cAAc,CAAC,GAAG,EAAE;QACnB,OAAO,CAAC,MAAwB,EAAE,EAAE,CAAC,IAAI,UAAU,CAAC,MAAM,CAAC,CAAC;IAC9D,CAAC,CAAC;SACD,eAAe,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;IAEnC,IAAI,CAAC,gBAAgB,CAAC;SACnB,cAAc,CAAC,GAAG,EAAE;QACnB,OAAO,CAAC,MAAe,EAAE,GAAW,EAAE,EAAE,CAAC,IAAI,aAAa,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC1E,CAAC,CAAC;SACD,eAAe,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;AACxC,CAAC,CAAC,CAAC","file":"modules.js","sourcesContent":["import { ContainerModule } from 'inversify';\nimport { TaroCanvas } from './canvas';\nimport { TaroContext2d } from './context';\nimport { CanvasFactory, Context2dFactory } from '../../interface';\nimport { CanvasConfigType, ICanvas } from '../../../interface';\n\nexport default new ContainerModule(bind => {\n  bind(CanvasFactory)\n    .toDynamicValue(() => {\n      return (params: CanvasConfigType) => new TaroCanvas(params);\n    })\n    .whenTargetNamed(TaroCanvas.env);\n\n  bind(Context2dFactory)\n    .toDynamicValue(() => {\n      return (params: ICanvas, dpr: number) => new TaroContext2d(params, dpr);\n    })\n    .whenTargetNamed(TaroContext2d.env);\n});\n"]}

package/es/canvas/contributions/tt/canvas.d.ts

@@ -0,0 +1,48 @@
+import { ICanvas, IContext2d, CanvasConfigType, EnvType } from '../../../interface';
+export declare class TTCanvas implements ICanvas {
+    static env: EnvType;
+    private _displayWidth;
+    private _displayHeight;
+    private _id;
+    private _pixelWidth;
+    private _pixelHeight;
+    private _x;
+    private _y;
+    private _dpr;
+    private _container?;
+    private _nativeCanvas;
+    private _context;
+    private _visiable;
+    get id(): number | string;
+    get x(): number;
+    get y(): number;
+    get nativeCanvas(): HTMLCanvasElement;
+    get width(): number;
+    set width(width: number);
+    get height(): number;
+    set height(height: number);
+    get displayWidth(): number;
+    get displayHeight(): number;
+    getContext(str?: string): IContext2d;
+    get visiable(): boolean;
+    set visiable(visiable: boolean);
+    get dpr(): number;
+    set dpr(dpr: number);
+    constructor(params: CanvasConfigType);
+    getNativeCanvas(): HTMLCanvasElement;
+    resetStyle(params: Partial<CanvasConfigType>): void;
+    applyPosition(): void;
+    hide(): void;
+    show(): void;
+    resize(width: number, height: number): void;
+    toDataURL(): string;
+    toDataURL(mimeType: 'image/png'): string;
+    toDataURL(mimeType: 'image/jpeg', quality: number): string;
+    readPixels(x: number, y: number, w: number, h: number): ImageData | Promise<ImageData>;
+    convertToBlob(options?: {
+        type?: string | undefined;
+        quality?: number | undefined;
+    } | undefined): Promise<Blob>;
+    transferToImageBitmap(): ImageBitmap;
+    release(...params: any): void;
+}

package/es/canvas/contributions/tt/canvas.js

@@ -0,0 +1,101 @@
+var __decorate = this && this.__decorate || function(decorators, target, key, desc) {
+    var d, c = arguments.length, r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
+    if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc); else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
+    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);
+};
+
+import { injectable } from "inversify";
+
+import { TTContext2d } from "./context";
+
+const DefaultConfig = {
+    WIDTH: 500,
+    HEIGHT: 500,
+    DPR: 1
+};
+
+let TTCanvas = class {
+    get id() {
+        return this._id;
+    }
+    get x() {
+        return this._x;
+    }
+    get y() {
+        return this._y;
+    }
+    get nativeCanvas() {
+        return this._nativeCanvas;
+    }
+    get width() {
+        return this._pixelWidth;
+    }
+    set width(width) {
+        this._pixelWidth = width, this._displayWidth = width / (this._dpr || 1);
+    }
+    get height() {
+        return this._pixelHeight;
+    }
+    set height(height) {
+        this._pixelHeight = height, this._displayHeight = height / (this._dpr || 1);
+    }
+    get displayWidth() {
+        return this._displayWidth;
+    }
+    get displayHeight() {
+        return this._displayHeight;
+    }
+    getContext(str) {
+        return this._context;
+    }
+    get visiable() {
+        return this._visiable;
+    }
+    set visiable(visiable) {
+        this._visiable = visiable, visiable ? this.show() : this.hide();
+    }
+    get dpr() {
+        return this._dpr;
+    }
+    set dpr(dpr) {
+        this._dpr = dpr;
+    }
+    constructor(params) {
+        const {nativeCanvas: nativeCanvas, width: width = DefaultConfig.WIDTH, height: height = DefaultConfig.HEIGHT, dpr: dpr = DefaultConfig.DPR} = params, {x: x, y: y} = nativeCanvas.getBoundingClientRect ? nativeCanvas.getBoundingClientRect() : {
+            x: 0,
+            y: 0
+        };
+        this._x = x, this._y = y, this._pixelWidth = width * dpr, this._pixelHeight = height * dpr, 
+        this._visiable = !1 !== params.visiable, this._displayWidth = width, this._displayHeight = height, 
+        this._dpr = dpr, this._nativeCanvas = nativeCanvas, this._context = new TTContext2d(this, this._dpr), 
+        this._id = nativeCanvas.id;
+    }
+    getNativeCanvas() {
+        return this._nativeCanvas;
+    }
+    resetStyle(params) {}
+    applyPosition() {}
+    hide() {}
+    show() {}
+    resize(width, height) {}
+    toDataURL(mimeType, quality) {
+        return "";
+    }
+    readPixels(x, y, w, h) {
+        throw new Error("暂未实现");
+    }
+    convertToBlob(options) {
+        throw new Error("暂未实现");
+    }
+    transferToImageBitmap() {
+        throw new Error("暂未实现");
+    }
+    release(...params) {}
+};
+
+TTCanvas.env = "tt", TTCanvas = __decorate([ injectable(), __metadata("design:paramtypes", [ Object ]) ], TTCanvas);
+
+export { TTCanvas };
+//# sourceMappingURL=canvas.js.map

package/es/canvas/contributions/tt/canvas.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/canvas/contributions/tt/canvas.ts"],"names":[],"mappings":"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","file":"canvas.js","sourcesContent":["import { injectable } from 'inversify';\nimport { ICanvas, IContext2d, CanvasConfigType, EnvType } from '../../../interface';\nimport { TTContext2d } from './context';\n\nconst DefaultConfig = {\n  WIDTH: 500,\n  HEIGHT: 500,\n  DPR: 1\n};\n\n@injectable()\nexport class TTCanvas implements ICanvas {\n  static env: EnvType = 'tt';\n  // 显示的宽高，如果是离屏canvas，就是pixelWidth / pixelRatio\n  private _displayWidth: number; // 显示的宽度\n  private _displayHeight: number; // 显示的高度\n  private _id: number | string;\n  // 像素宽高\n  private _pixelWidth: number; // 像素宽度\n  private _pixelHeight: number; // 像素高度\n\n  private _x: number;\n  private _y: number;\n  private _dpr: number;\n\n  private _container?: HTMLElement | null;\n  private _nativeCanvas: HTMLCanvasElement;\n  private _context: IContext2d;\n  private _visiable: boolean;\n\n  get id(): number | string {\n    return this._id;\n  }\n  get x(): number {\n    return this._x;\n  }\n  get y(): number {\n    return this._y;\n  }\n  get nativeCanvas(): HTMLCanvasElement {\n    return this._nativeCanvas;\n  }\n\n  get width(): number {\n    return this._pixelWidth;\n  }\n  set width(width: number) {\n    this._pixelWidth = width;\n    this._displayWidth = width / (this._dpr || 1);\n  }\n\n  get height(): number {\n    return this._pixelHeight;\n  }\n  set height(height: number) {\n    this._pixelHeight = height;\n    this._displayHeight = height / (this._dpr || 1);\n  }\n  get displayWidth(): number {\n    return this._displayWidth;\n  }\n  get displayHeight(): number {\n    return this._displayHeight;\n  }\n  getContext(str?: string): IContext2d {\n    return this._context;\n  }\n\n  get visiable(): boolean {\n    return this._visiable;\n  }\n  set visiable(visiable: boolean) {\n    this._visiable = visiable;\n    visiable ? this.show() : this.hide();\n  }\n\n  get dpr(): number {\n    return this._dpr;\n  }\n  set dpr(dpr: number) {\n    // this._lastPixelRatio = this._pixelRatio;\n    this._dpr = dpr;\n  }\n\n  /**\n   * 通过canvas生成一个wrap对象，初始化时不会再设置canvas的属性\n   * @param params\n   */\n  constructor(params: CanvasConfigType) {\n    const {\n      nativeCanvas,\n      width = DefaultConfig.WIDTH,\n      height = DefaultConfig.HEIGHT,\n      dpr = DefaultConfig.DPR\n    } = params;\n    const { x, y } = nativeCanvas.getBoundingClientRect ? nativeCanvas.getBoundingClientRect() : { x: 0, y: 0 };\n    this._x = x;\n    this._y = y;\n    this._pixelWidth = width * dpr;\n    this._pixelHeight = height * dpr;\n    this._visiable = params.visiable !== false;\n\n    // 离屏canvas\n    this._displayWidth = width;\n    this._displayHeight = height;\n    this._dpr = dpr;\n    this._nativeCanvas = nativeCanvas;\n    this._context = new TTContext2d(this, this._dpr);\n    this._id = nativeCanvas.id;\n  }\n\n  getNativeCanvas(): HTMLCanvasElement {\n    return this._nativeCanvas;\n  }\n\n  resetStyle(params: Partial<CanvasConfigType>) {\n    return;\n  }\n  applyPosition() {\n    return;\n  }\n\n  hide() {\n    return;\n  }\n  show() {\n    return;\n  }\n\n  /**\n   * 设置canvas的size大小，设置context的scale\n   * @param width\n   * @param height\n   */\n  resize(width: number, height: number) {\n    return;\n  }\n\n  toDataURL(): string;\n  toDataURL(mimeType: 'image/png'): string;\n  toDataURL(mimeType: 'image/jpeg', quality: number): string;\n  toDataURL(mimeType?: string, quality?: number) {\n    return '';\n  }\n\n  readPixels(x: number, y: number, w: number, h: number): ImageData | Promise<ImageData> {\n    throw new Error('暂未实现');\n  }\n\n  convertToBlob(options?: { type?: string | undefined; quality?: number | undefined } | undefined): Promise<Blob> {\n    throw new Error('暂未实现');\n  }\n\n  transferToImageBitmap(): ImageBitmap {\n    throw new Error('暂未实现');\n  }\n\n  release(...params: any): void {\n    return;\n  }\n}\n"]}

package/es/canvas/contributions/tt/context.d.ts

@@ -0,0 +1,9 @@
+import { IContext2d, IConicalGradientData, EnvType } from '../../../interface';
+import { BrowserContext2d } from '../browser';
+export declare class TTContext2d extends BrowserContext2d implements IContext2d {
+    static env: EnvType;
+    _globalAlpha: number;
+    get globalAlpha(): number;
+    set globalAlpha(ga: number);
+    createConicGradient(x: number, y: number, startAngle: number, endAngle: number): IConicalGradientData;
+}

package/es/canvas/contributions/tt/context.js

@@ -0,0 +1,30 @@
+var __decorate = this && this.__decorate || function(decorators, target, key, desc) {
+    var d, c = arguments.length, r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
+    if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc); else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+import { Matrix } from "@visactor/vutils";
+
+import { injectable } from "inversify";
+
+import { BrowserContext2d } from "../browser";
+
+const initMatrix = new Matrix(1, 0, 0, 1, 0, 0);
+
+let TTContext2d = class extends BrowserContext2d {
+    get globalAlpha() {
+        return this._globalAlpha;
+    }
+    set globalAlpha(ga) {
+        this.nativeContext.globalAlpha = ga, this._globalAlpha = ga;
+    }
+    createConicGradient(x, y, startAngle, endAngle) {
+        return null;
+    }
+};
+
+TTContext2d.env = "tt", TTContext2d = __decorate([ injectable() ], TTContext2d);
+
+export { TTContext2d };
+//# sourceMappingURL=context.js.map

package/es/canvas/contributions/tt/context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/canvas/contributions/tt/context.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAEvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAE9C,MAAM,UAAU,GAAG,IAAI,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAGzC,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,gBAAgB;IAM/C,IAAI,WAAW;QACb,OAAO,IAAI,CAAC,YAAY,CAAC;IAC3B,CAAC;IACD,IAAI,WAAW,CAAC,EAAU;QACxB,IAAI,CAAC,aAAa,CAAC,WAAW,GAAG,EAAE,CAAC;QACpC,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC;IACzB,CAAC;IAED,mBAAmB,CAAC,CAAS,EAAE,CAAS,EAAE,UAAkB,EAAE,QAAgB;QAC5E,OAAO,IAAI,CAAC;IACd,CAAC;;AAfM,eAAG,GAAY,IAAI,CAAC;AADhB,WAAW;IADvB,UAAU,EAAE;GACA,WAAW,CAiBvB;SAjBY,WAAW","file":"context.js","sourcesContent":["import { Matrix } from '@visactor/vutils';\nimport { injectable } from 'inversify';\nimport { IContext2d, IConicalGradientData, EnvType } from '../../../interface';\nimport { BrowserContext2d } from '../browser';\n\nconst initMatrix = new Matrix(1, 0, 0, 1, 0, 0);\n\n@injectable()\nexport class TTContext2d extends BrowserContext2d implements IContext2d {\n  static env: EnvType = 'tt';\n\n  _globalAlpha: number;\n\n  // feishu小程序无法正常获取到globalAlpha\n  get globalAlpha(): number {\n    return this._globalAlpha;\n  }\n  set globalAlpha(ga: number) {\n    this.nativeContext.globalAlpha = ga;\n    this._globalAlpha = ga;\n  }\n\n  createConicGradient(x: number, y: number, startAngle: number, endAngle: number): IConicalGradientData {\n    return null;\n  }\n}\n"]}

package/es/canvas/contributions/tt/index.d.ts

@@ -0,0 +1,2 @@
+export * from './canvas';
+export * from './context';

package/es/canvas/contributions/tt/index.js

@@ -0,0 +1,4 @@
+export * from "./canvas";
+
+export * from "./context";
+//# sourceMappingURL=index.js.map

package/es/canvas/contributions/tt/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/canvas/contributions/tt/index.ts"],"names":[],"mappings":"AACA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC","file":"index.js","sourcesContent":["// 依然导出canvas和context，便于指定环境直接使用\nexport * from './canvas';\nexport * from './context';\n"]}

package/es/canvas/contributions/tt/modules.d.ts

@@ -0,0 +1,3 @@
+import { ContainerModule } from 'inversify';
+declare const _default: ContainerModule;
+export default _default;

package/es/canvas/contributions/tt/modules.js

@@ -0,0 +1,13 @@
+import { ContainerModule } from "inversify";
+
+import { TTCanvas } from "./canvas";
+
+import { TTContext2d } from "./context";
+
+import { CanvasFactory, Context2dFactory } from "../../interface";
+
+export default new ContainerModule((bind => {
+    bind(CanvasFactory).toDynamicValue((() => params => new TTCanvas(params))).whenTargetNamed(TTCanvas.env), 
+    bind(Context2dFactory).toDynamicValue((() => (params, dpr) => new TTContext2d(params, dpr))).whenTargetNamed(TTContext2d.env);
+}));
+//# sourceMappingURL=modules.js.map

package/es/canvas/contributions/tt/modules.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/canvas/contributions/tt/modules.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAGlE,eAAe,IAAI,eAAe,CAAC,IAAI,CAAC,EAAE;IACxC,IAAI,CAAC,aAAa,CAAC;SAChB,cAAc,CAAC,GAAG,EAAE;QACnB,OAAO,CAAC,MAAwB,EAAE,EAAE,CAAC,IAAI,QAAQ,CAAC,MAAM,CAAC,CAAC;IAC5D,CAAC,CAAC;SACD,eAAe,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;IAEjC,IAAI,CAAC,gBAAgB,CAAC;SACnB,cAAc,CAAC,GAAG,EAAE;QACnB,OAAO,CAAC,MAAe,EAAE,GAAW,EAAE,EAAE,CAAC,IAAI,WAAW,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACxE,CAAC,CAAC;SACD,eAAe,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AACtC,CAAC,CAAC,CAAC","file":"modules.js","sourcesContent":["import { ContainerModule } from 'inversify';\nimport { TTCanvas } from './canvas';\nimport { TTContext2d } from './context';\nimport { CanvasFactory, Context2dFactory } from '../../interface';\nimport { CanvasConfigType, ICanvas } from '../../../interface';\n\nexport default new ContainerModule(bind => {\n  bind(CanvasFactory)\n    .toDynamicValue(() => {\n      return (params: CanvasConfigType) => new TTCanvas(params);\n    })\n    .whenTargetNamed(TTCanvas.env);\n\n  bind(Context2dFactory)\n    .toDynamicValue(() => {\n      return (params: ICanvas, dpr: number) => new TTContext2d(params, dpr);\n    })\n    .whenTargetNamed(TTContext2d.env);\n});\n"]}

package/es/canvas/empty-context.d.ts

@@ -0,0 +1,97 @@
+import { Matrix } from '@visactor/vutils';
+import { ICanvas, ICommonStyleParams, IContext2d, ISetCommonStyleParams, ISetStrokeStyleParams, IStrokeStyleParams, IConicalGradientData, ITextStyleParams } from '../interface';
+import { CustomPath2D } from '../common';
+export declare class EmptyContext2d implements IContext2d {
+    path: CustomPath2D;
+    canvas: null;
+    stack: Matrix[];
+    protected matrix: Matrix;
+    protected applyedMatrix?: Matrix;
+    fillStyle: string | CanvasGradient | CanvasPattern;
+    font: string;
+    globalAlpha: number;
+    lineCap: string;
+    lineDashOffset: number;
+    lineJoin: string;
+    lineWidth: number;
+    miterLimit: number;
+    shadowBlur: number;
+    shadowColor: string;
+    shadowOffsetX: number;
+    shadowOffsetY: number;
+    strokeStyle: string | CanvasGradient | CanvasPattern;
+    textAlign: string;
+    textBaseline: string;
+    dpr: number;
+    get nativeContext(): any;
+    constructor(canvas: any, dpr: number);
+    getCanvas(): ICanvas;
+    getContext(): void;
+    setTransformForCurrent(force?: boolean): void;
+    get currentMatrix(): Matrix;
+    cloneMatrix(m: Matrix): import("@visactor/vutils").IMatrix;
+    clear(): void;
+    restore(): void;
+    highPerformanceRestore(): void;
+    rotate(rad: number, setTransform?: boolean): void;
+    save(): void;
+    highPerformanceSave(): void;
+    scale(sx: number, sy: number, setTransform?: boolean): void;
+    setScale(sx: number, sy: number, setTransform?: boolean): void;
+    scalePoint(sx: number, sy: number, px: number, py: number, setTransform?: boolean): void;
+    setTransform(a: number, b: number, c: number, d: number, e: number, f: number, setTransform?: boolean, dpr?: number): void;
+    setTransformFromMatrix(matrix: Matrix, setTransform?: boolean, dpr?: number): void;
+    resetTransform(setTransform?: boolean, dpr?: number): void;
+    transform(a: number, b: number, c: number, d: number, e: number, f: number, setTransform?: boolean): void;
+    transformFromMatrix(matrix: Matrix, setTransform?: boolean): void;
+    translate(x: number, y: number, setTransform?: boolean): void;
+    rotateDegrees(deg: number, setTransform?: boolean): void;
+    rotateAbout(rad: number, x: number, y: number, setTransform?: boolean): void;
+    rotateDegreesAbout(deg: number, x: number, y: number, setTransform?: boolean): void;
+    beginPath(): void;
+    clip(fillRule?: CanvasFillRule): void;
+    clip(path: Path2D, fillRule?: CanvasFillRule): void;
+    arc(x: number, y: number, radius: number, startAngle: number, endAngle: number, anticlockwise?: boolean): void;
+    arcTo(x1: number, y1: number, x2: number, y2: number, radius: number): void;
+    bezierCurveTo(cp1x: number, cp1y: number, cp2x: number, cp2y: number, x: number, y: number): void;
+    closePath(): void;
+    ellipse(x: number, y: number, radiusX: number, radiusY: number, rotation: number, startAngle: number, endAngle: number, anticlockwise?: boolean): void;
+    lineTo(x: number, y: number): void;
+    moveTo(x: number, y: number): void;
+    quadraticCurveTo(cpx: number, cpy: number, x: number, y: number): void;
+    rect(x: number, y: number, w: number, h: number): void;
+    createImageData(imageDataOrSw: number | ImageData, sh?: number): ImageData;
+    createLinearGradient(x0: number, y0: number, x1: number, y1: number): CanvasGradient;
+    createPattern(image: HTMLImageElement | HTMLCanvasElement | HTMLVideoElement, repetition: string): CanvasPattern;
+    createRadialGradient(x0: number, y0: number, r0: number, x1: number, y1: number, r1: number): CanvasGradient;
+    createConicGradient(x: number, y: number, startAngle: number, endAngle: number): IConicalGradientData;
+    fill(path?: Path2D, fillRule?: CanvasFillRule): void;
+    fillRect(x: number, y: number, width: number, height: number): void;
+    clearRect(x: number, y: number, w: number, h: number): void;
+    fillText(text: string, x: number, y: number): void;
+    getImageData(sx: number, sy: number, sw: number, sh: number): ImageData;
+    getLineDash(): number[];
+    isPointInPath(x: number, y: number): boolean;
+    isPointInStroke(x: number, y: number): boolean;
+    measureText(text: string): {
+        width: number;
+    };
+    putImageData(imagedata: ImageData, dx: number, dy: number): void;
+    setLineDash(segments: number[]): void;
+    stroke(path?: Path2D): void;
+    strokeRect(x: number, y: number, width: number, height: number): void;
+    strokeText(text: string, x: number, y: number): void;
+    drawImage(image: HTMLImageElement | HTMLCanvasElement | HTMLVideoElement | ImageBitmap, dstX: number, dstY: number): void;
+    drawImage(image: HTMLImageElement | HTMLCanvasElement | HTMLVideoElement | ImageBitmap, dstX: number, dstY: number, dstW: number, dstH: number): void;
+    drawImage(image: HTMLImageElement | HTMLCanvasElement | HTMLVideoElement | ImageBitmap, srcX: number, srcY: number, srcW: number, srcH: number, dstX: number, dstY: number, dstW: number, dstH: number): void;
+    setCommonStyle(params: ISetCommonStyleParams, attribute: ICommonStyleParams, offsetX: number, offsetY: number, defaultParams?: ICommonStyleParams | Partial<ICommonStyleParams>[]): void;
+    _setCommonStyle(params: ISetCommonStyleParams, offsetX: number, offsetY: number, defaultParams?: ICommonStyleParams): void;
+    setStrokeStyle(params: ISetStrokeStyleParams, attribute: IStrokeStyleParams, offsetX: number, offsetY: number, defaultParams?: IStrokeStyleParams | IStrokeStyleParams[]): void;
+    _setStrokeStyle(params: ISetStrokeStyleParams, offsetX: number, offsetY: number, defaultParams?: IStrokeStyleParams): void;
+    setTextStyleWithoutAlignBaseline(params: Partial<ITextStyleParams>, defaultParams?: ITextStyleParams): void;
+    setTextStyle(params: Partial<ITextStyleParams>, defaultParams?: ITextStyleParams): void;
+    draw(): void;
+    clearMatrix(setTransform?: boolean, dpr?: number): void;
+    onlyTranslate(dpr?: number): boolean;
+    release(...params: any): void;
+}