@visactor/vrender-kits 0.16.0-alpha.6 → 0.16.0

package/cjs/canvas/contributions/browser/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k);
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
+        enumerable: !0,
+        get: function() {
+            return m[k];
+        }
+    }), Object.defineProperty(o, k2, desc);
+} : function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k), o[k2] = m[k];
+}), __exportStar = this && this.__exportStar || function(m, exports) {
+    for (var p in m) "default" === p || Object.prototype.hasOwnProperty.call(exports, p) || __createBinding(exports, m, p);
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), __exportStar(require("./canvas"), exports), __exportStar(require("./context"), exports);
+//# sourceMappingURL=index.js.map

package/cjs/canvas/contributions/browser/index.js.map

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

package/cjs/canvas/contributions/browser/modules.d.ts

@@ -0,0 +1 @@
+export declare const browserCanvasModule: import("@visactor/vrender-core").ContainerModule;

package/cjs/canvas/contributions/browser/modules.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.browserCanvasModule = void 0;
+
+const canvas_1 = require("./canvas"), context_1 = require("./context"), create_canvas_module_1 = require("../create-canvas-module");
+
+exports.browserCanvasModule = (0, create_canvas_module_1.createModule)(canvas_1.BrowserCanvas, context_1.BrowserContext2d);
+//# sourceMappingURL=modules.js.map

package/cjs/canvas/contributions/browser/modules.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/canvas/contributions/browser/modules.ts"],"names":[],"mappings":";;;AAAA,qCAAyC;AACzC,uCAA6C;AAC7C,kEAAuD;AAE1C,QAAA,mBAAmB,GAAG,IAAA,mCAAY,EAAC,sBAAa,EAAE,0BAAgB,CAAC,CAAC","file":"modules.js","sourcesContent":["import { BrowserCanvas } from './canvas';\nimport { BrowserContext2d } from './context';\nimport { createModule } from '../create-canvas-module';\n\nexport const browserCanvasModule = createModule(BrowserCanvas, BrowserContext2d);\n"]}

package/cjs/canvas/contributions/create-canvas-module.d.ts

@@ -0,0 +1,2 @@
+import { ContainerModule } from '@visactor/vrender-core';
+export declare function createModule(CanvasConstructor: any, ContextConstructor: any): ContainerModule;

package/cjs/canvas/contributions/create-canvas-module.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.createModule = void 0;
+
+const vrender_core_1 = require("@visactor/vrender-core");
+
+function createModule(CanvasConstructor, ContextConstructor) {
+    return new vrender_core_1.ContainerModule((bind => {
+        bind(vrender_core_1.CanvasFactory).toDynamicValue((() => params => new CanvasConstructor(params))).whenTargetNamed(CanvasConstructor.env), 
+        bind(vrender_core_1.Context2dFactory).toDynamicValue((() => (params, dpr) => new ContextConstructor(params, dpr))).whenTargetNamed(ContextConstructor.env);
+    }));
+}
+
+exports.createModule = createModule;
+//# sourceMappingURL=create-canvas-module.js.map

package/cjs/canvas/contributions/create-canvas-module.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/canvas/contributions/create-canvas-module.ts"],"names":[],"mappings":";;;AAAA,yDAA0F;AAG1F,SAAgB,YAAY,CAAC,iBAAsB,EAAE,kBAAuB;IAC1E,OAAO,IAAI,8BAAe,CAAC,IAAI,CAAC,EAAE;QAChC,IAAI,CAAC,4BAAa,CAAC;aAChB,cAAc,CAAC,GAAG,EAAE;YACnB,OAAO,CAAC,MAAwB,EAAE,EAAE,CAAC,IAAI,iBAAiB,CAAC,MAAM,CAAC,CAAC;QACrE,CAAC,CAAC;aACD,eAAe,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC;QAE1C,IAAI,CAAC,+BAAgB,CAAC;aACnB,cAAc,CAAC,GAAG,EAAE;YACnB,OAAO,CAAC,MAAe,EAAE,GAAW,EAAE,EAAE,CAAC,IAAI,kBAAkB,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QAC/E,CAAC,CAAC;aACD,eAAe,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC;IAC7C,CAAC,CAAC,CAAC;AACL,CAAC;AAdD,oCAcC","file":"create-canvas-module.js","sourcesContent":["import { ContainerModule, CanvasFactory, Context2dFactory } from '@visactor/vrender-core';\nimport type { CanvasConfigType, ICanvas } from '@visactor/vrender-core';\n\nexport function createModule(CanvasConstructor: any, ContextConstructor: any) {\n  return new ContainerModule(bind => {\n    bind(CanvasFactory)\n      .toDynamicValue(() => {\n        return (params: CanvasConfigType) => new CanvasConstructor(params);\n      })\n      .whenTargetNamed(CanvasConstructor.env);\n\n    bind(Context2dFactory)\n      .toDynamicValue(() => {\n        return (params: ICanvas, dpr: number) => new ContextConstructor(params, dpr);\n      })\n      .whenTargetNamed(ContextConstructor.env);\n  });\n}\n"]}

package/cjs/canvas/contributions/feishu/canvas.d.ts

@@ -0,0 +1,8 @@
+import { BaseCanvas } from '@visactor/vrender-core';
+import type { ICanvas, CanvasConfigType, EnvType } from '@visactor/vrender-core';
+export declare class FeishuCanvas extends BaseCanvas implements ICanvas {
+    static env: EnvType;
+    constructor(params: CanvasConfigType);
+    init(): void;
+    release(...params: any): void;
+}

package/cjs/canvas/contributions/feishu/canvas.js

@@ -0,0 +1,28 @@
+"use strict";
+
+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);
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.FeishuCanvas = void 0;
+
+const vrender_core_1 = require("@visactor/vrender-core"), context_1 = require("./context");
+
+let FeishuCanvas = class extends vrender_core_1.BaseCanvas {
+    constructor(params) {
+        super(params);
+    }
+    init() {
+        this._context = new context_1.FeishuContext2d(this, this._dpr);
+    }
+    release(...params) {}
+};
+
+FeishuCanvas.env = "feishu", FeishuCanvas = __decorate([ (0, vrender_core_1.injectable)(), __metadata("design:paramtypes", [ Object ]) ], FeishuCanvas), 
+exports.FeishuCanvas = FeishuCanvas;

package/cjs/canvas/contributions/feishu/canvas.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/canvas/contributions/feishu/canvas.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,yDAAgE;AAEhE,uCAA4C;AAGrC,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,yBAAU;IAO1C,YAAY,MAAwB;QAClC,KAAK,CAAC,MAAM,CAAC,CAAC;IAChB,CAAC;IAED,IAAI;QACF,IAAI,CAAC,QAAQ,GAAG,IAAI,yBAAe,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;IACvD,CAAC;IAED,OAAO,CAAC,GAAG,MAAW;QACpB,OAAO;IACT,CAAC;;AAhBM,gBAAG,GAAY,QAAQ,CAAC;AADpB,YAAY;IADxB,IAAA,yBAAU,GAAE;;GACA,YAAY,CAkBxB;AAlBY,oCAAY","file":"canvas.js","sourcesContent":["import { injectable, BaseCanvas } from '@visactor/vrender-core';\nimport type { ICanvas, CanvasConfigType, EnvType } from '@visactor/vrender-core';\nimport { FeishuContext2d } from './context';\n\n@injectable()\nexport class FeishuCanvas extends BaseCanvas implements ICanvas {\n  static env: EnvType = 'feishu';\n\n  /**\n   * 通过canvas生成一个wrap对象，初始化时不会再设置canvas的属性\n   * @param params\n   */\n  constructor(params: CanvasConfigType) {\n    super(params);\n  }\n\n  init() {\n    this._context = new FeishuContext2d(this, this._dpr);\n  }\n\n  release(...params: any): void {\n    return;\n  }\n}\n"]}

package/cjs/canvas/contributions/feishu/context.d.ts

@@ -0,0 +1,12 @@
+import type { IContext2d, EnvType } from '@visactor/vrender-core';
+import { BrowserContext2d } from '../browser';
+export declare class FeishuContext2d extends BrowserContext2d implements IContext2d {
+    static env: EnvType;
+    drawPromise?: Promise<any>;
+    _globalAlpha: number;
+    get globalAlpha(): number;
+    set globalAlpha(ga: number);
+    getImageData(sx: number, sy: number, sw: number, sh: number): any;
+    draw(): void;
+    createPattern(image: HTMLImageElement | HTMLCanvasElement | HTMLVideoElement, repetition: string): CanvasPattern;
+}

package/cjs/canvas/contributions/feishu/context.js

@@ -0,0 +1,56 @@
+"use strict";
+
+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;
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.FeishuContext2d = void 0;
+
+const vrender_core_1 = require("@visactor/vrender-core"), browser_1 = require("../browser");
+
+let FeishuContext2d = class extends browser_1.BrowserContext2d {
+    get globalAlpha() {
+        return this._globalAlpha;
+    }
+    set globalAlpha(ga) {
+        this.nativeContext.globalAlpha = ga, this._globalAlpha = ga;
+    }
+    getImageData(sx, sy, sw, sh) {
+        return new Promise(((resolve, reject) => {
+            var _a;
+            try {
+                tt.canvasGetImageData({
+                    canvasId: null !== (_a = this.canvas.nativeCanvas.id) && void 0 !== _a ? _a : this.canvas.id,
+                    x: sx,
+                    y: sy,
+                    width: sw,
+                    height: sh,
+                    success(res) {
+                        resolve(res);
+                    }
+                });
+            } catch (err) {
+                reject(err);
+            }
+        }));
+    }
+    draw() {
+        const _context = this.nativeContext;
+        _context.draw && (this.drawPromise = new Promise((resolve => {
+            _context.draw(!0, (() => {
+                this.drawPromise = null, resolve(null);
+            }));
+        })));
+    }
+    createPattern(image, repetition) {
+        return null;
+    }
+};
+
+FeishuContext2d.env = "feishu", FeishuContext2d = __decorate([ (0, vrender_core_1.injectable)() ], FeishuContext2d), 
+exports.FeishuContext2d = FeishuContext2d;
+//# sourceMappingURL=context.js.map

package/cjs/canvas/contributions/feishu/context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/canvas/contributions/feishu/context.ts"],"names":[],"mappings":";;;;;;;;;AACA,yDAAoD;AAEpD,wCAA8C;AAOvC,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,0BAAgB;IAQnD,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,YAAY,CAAC,EAAU,EAAE,EAAU,EAAE,EAAU,EAAE,EAAU;QACzD,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;;YACrC,IAAI;gBACF,EAAE,CAAC,kBAAkB,CAAC;oBACpB,QAAQ,EAAE,MAAA,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,mCAAI,IAAI,CAAC,MAAM,CAAC,EAAE;oBACvD,CAAC,EAAE,EAAE;oBACL,CAAC,EAAE,EAAE;oBACL,KAAK,EAAE,EAAE;oBACT,MAAM,EAAE,EAAE;oBACV,OAAO,CAAC,GAAQ;wBACd,OAAO,CAAC,GAAG,CAAC,CAAC;oBACf,CAAC;iBACF,CAAC,CAAC;aACJ;YAAC,OAAO,GAAG,EAAE;gBACZ,MAAM,CAAC,GAAG,CAAC,CAAC;aACb;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,IAAI;QACF,MAAM,QAAQ,GAAG,IAAI,CAAC,aAAoB,CAAC;QAC3C,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE;YAClB,OAAO;SACR;QACD,IAAI,CAAC,WAAW,GAAG,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE;YACvC,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE;gBACvB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;gBACxB,OAAO,CAAC,IAAI,CAAC,CAAC;YAChB,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC;IACD,aAAa,CAAC,KAA8D,EAAE,UAAkB;QAC9F,OAAO,IAAI,CAAC;IACd,CAAC;;AAhDM,mBAAG,GAAY,QAAQ,CAAC;AADpB,eAAe;IAD3B,IAAA,yBAAU,GAAE;GACA,eAAe,CAkD3B;AAlDY,0CAAe","file":"context.js","sourcesContent":["// 参考konva\nimport { injectable } from '@visactor/vrender-core';\nimport type { IContext2d, EnvType } from '@visactor/vrender-core';\nimport { BrowserContext2d } from '../browser';\n\ndeclare const tt: {\n  canvasGetImageData: (d: any) => any;\n};\n\n@injectable()\nexport class FeishuContext2d extends BrowserContext2d implements IContext2d {\n  static env: EnvType = 'feishu';\n\n  declare drawPromise?: Promise<any>;\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  getImageData(sx: number, sy: number, sw: number, sh: number): any {\n    return new Promise((resolve, reject) => {\n      try {\n        tt.canvasGetImageData({\n          canvasId: this.canvas.nativeCanvas.id ?? this.canvas.id,\n          x: sx,\n          y: sy,\n          width: sw,\n          height: sh,\n          success(res: any) {\n            resolve(res);\n          }\n        });\n      } catch (err) {\n        reject(err);\n      }\n    });\n  }\n\n  draw() {\n    const _context = this.nativeContext as any;\n    if (!_context.draw) {\n      return;\n    }\n    this.drawPromise = new Promise(resolve => {\n      _context.draw(true, () => {\n        this.drawPromise = null;\n        resolve(null);\n      });\n    });\n  }\n  createPattern(image: HTMLImageElement | HTMLCanvasElement | HTMLVideoElement, repetition: string): CanvasPattern {\n    return null;\n  }\n}\n"]}

package/cjs/canvas/contributions/feishu/index.d.ts

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

package/cjs/canvas/contributions/feishu/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k);
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
+        enumerable: !0,
+        get: function() {
+            return m[k];
+        }
+    }), Object.defineProperty(o, k2, desc);
+} : function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k), o[k2] = m[k];
+}), __exportStar = this && this.__exportStar || function(m, exports) {
+    for (var p in m) "default" === p || Object.prototype.hasOwnProperty.call(exports, p) || __createBinding(exports, m, p);
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), __exportStar(require("./canvas"), exports), __exportStar(require("./context"), exports);
+//# sourceMappingURL=index.js.map

package/cjs/canvas/contributions/feishu/index.js.map

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

package/cjs/canvas/contributions/feishu/modules.d.ts

@@ -0,0 +1 @@
+export declare const feishuCanvasModule: import("@visactor/vrender-core").ContainerModule;

package/cjs/canvas/contributions/feishu/modules.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.feishuCanvasModule = void 0;
+
+const canvas_1 = require("./canvas"), context_1 = require("./context"), create_canvas_module_1 = require("../create-canvas-module");
+
+exports.feishuCanvasModule = (0, create_canvas_module_1.createModule)(canvas_1.FeishuCanvas, context_1.FeishuContext2d);
+//# sourceMappingURL=modules.js.map

package/cjs/canvas/contributions/feishu/modules.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/canvas/contributions/feishu/modules.ts"],"names":[],"mappings":";;;AAAA,qCAAwC;AACxC,uCAA4C;AAC5C,kEAAuD;AAE1C,QAAA,kBAAkB,GAAG,IAAA,mCAAY,EAAC,qBAAY,EAAE,yBAAe,CAAC,CAAC","file":"modules.js","sourcesContent":["import { FeishuCanvas } from './canvas';\nimport { FeishuContext2d } from './context';\nimport { createModule } from '../create-canvas-module';\n\nexport const feishuCanvasModule = createModule(FeishuCanvas, FeishuContext2d);\n"]}

package/cjs/canvas/contributions/lynx/canvas.d.ts

@@ -0,0 +1,8 @@
+import { BaseCanvas } from '@visactor/vrender-core';
+import type { ICanvas, CanvasConfigType, EnvType } from '@visactor/vrender-core';
+export declare class LynxCanvas extends BaseCanvas implements ICanvas {
+    static env: EnvType;
+    constructor(params: CanvasConfigType);
+    init(): void;
+    release(...params: any): void;
+}

package/cjs/canvas/contributions/lynx/canvas.js

@@ -0,0 +1,29 @@
+"use strict";
+
+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);
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.LynxCanvas = void 0;
+
+const vrender_core_1 = require("@visactor/vrender-core"), context_1 = require("./context");
+
+let LynxCanvas = class extends vrender_core_1.BaseCanvas {
+    constructor(params) {
+        super(params);
+    }
+    init() {
+        this._context = new context_1.LynxContext2d(this, this._dpr);
+    }
+    release(...params) {}
+};
+
+LynxCanvas.env = "lynx", LynxCanvas = __decorate([ (0, vrender_core_1.injectable)(), __metadata("design:paramtypes", [ Object ]) ], LynxCanvas), 
+exports.LynxCanvas = LynxCanvas;
+//# sourceMappingURL=canvas.js.map

package/cjs/canvas/contributions/lynx/canvas.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/canvas/contributions/lynx/canvas.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,yDAAgE;AAEhE,uCAA0C;AAGnC,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,yBAAU;IAOxC,YAAY,MAAwB;QAClC,KAAK,CAAC,MAAM,CAAC,CAAC;IAChB,CAAC;IAED,IAAI;QACF,IAAI,CAAC,QAAQ,GAAG,IAAI,uBAAa,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;IACrD,CAAC;IAED,OAAO,CAAC,GAAG,MAAW;QACpB,OAAO;IACT,CAAC;;AAhBM,cAAG,GAAY,MAAM,CAAC;AADlB,UAAU;IADtB,IAAA,yBAAU,GAAE;;GACA,UAAU,CAkBtB;AAlBY,gCAAU","file":"canvas.js","sourcesContent":["import { injectable, BaseCanvas } from '@visactor/vrender-core';\nimport type { ICanvas, CanvasConfigType, EnvType } from '@visactor/vrender-core';\nimport { LynxContext2d } from './context';\n\n@injectable()\nexport class LynxCanvas extends BaseCanvas implements ICanvas {\n  static env: EnvType = 'lynx';\n\n  /**\n   * 通过canvas生成一个wrap对象，初始化时不会再设置canvas的属性\n   * @param params\n   */\n  constructor(params: CanvasConfigType) {\n    super(params);\n  }\n\n  init() {\n    this._context = new LynxContext2d(this, this._dpr);\n  }\n\n  release(...params: any): void {\n    return;\n  }\n}\n"]}

package/cjs/canvas/contributions/lynx/context.d.ts

@@ -0,0 +1,13 @@
+import type { IContext2d, EnvType, ISetStrokeStyleParams, IStrokeStyleParams } from '@visactor/vrender-core';
+import { BrowserContext2d } from '../browser';
+export declare class LynxContext2d extends BrowserContext2d implements IContext2d {
+    static env: EnvType;
+    drawPromise?: Promise<any>;
+    _globalAlpha: number;
+    get globalAlpha(): number;
+    set globalAlpha(ga: number);
+    setLineDash(segments: number[]): void;
+    protected _setStrokeStyle(params: ISetStrokeStyleParams, attribute: IStrokeStyleParams, offsetX: number, offsetY: number, defaultParams?: IStrokeStyleParams): void;
+    createPattern(image: HTMLImageElement | HTMLCanvasElement | HTMLVideoElement, repetition: string): CanvasPattern;
+    draw(): void;
+}

package/cjs/canvas/contributions/lynx/context.js

@@ -0,0 +1,57 @@
+"use strict";
+
+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;
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.LynxContext2d = void 0;
+
+const vrender_core_1 = require("@visactor/vrender-core"), browser_1 = require("../browser");
+
+let LynxContext2d = class extends browser_1.BrowserContext2d {
+    get globalAlpha() {
+        return this._globalAlpha;
+    }
+    set globalAlpha(ga) {
+        this.nativeContext.globalAlpha = ga, this._globalAlpha = ga;
+    }
+    setLineDash(segments) {
+        const a = arguments, _context = this.nativeContext;
+        if (this.nativeContext.setLineDash) {
+            const lineDash = a[0];
+            if (0 === lineDash[0] && 0 === lineDash[1]) return;
+            _context.setLineDash(lineDash);
+        }
+    }
+    _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, stroke: stroke = defaultParams.stroke, lineJoin: lineJoin = defaultParams.lineJoin, lineDash: lineDash = defaultParams.lineDash, lineCap: lineCap = defaultParams.lineCap, miterLimit: miterLimit = defaultParams.miterLimit} = attribute;
+            _context.globalAlpha = strokeOpacity * opacity, _context.lineWidth = (0, vrender_core_1.getScaledStroke)(this, lineWidth, this.dpr), 
+            _context.strokeStyle = (0, vrender_core_1.createColor)(this, stroke, params, offsetX, offsetY), 
+            _context.lineJoin = lineJoin, 0 === lineDash[0] && 0 === lineDash[1] || _context.setLineDash(lineDash), 
+            _context.lineCap = lineCap, _context.miterLimit = miterLimit;
+        }
+    }
+    createPattern(image, repetition) {
+        return null;
+    }
+    draw() {
+        const _context = this.nativeContext;
+        this.drawPromise = new Promise((resolve => {
+            _context.draw(!0, (() => {
+                this.drawPromise = null, resolve(null);
+            }));
+        }));
+    }
+};
+
+LynxContext2d.env = "lynx", LynxContext2d = __decorate([ (0, vrender_core_1.injectable)() ], LynxContext2d), 
+exports.LynxContext2d = LynxContext2d;
+//# sourceMappingURL=context.js.map

package/cjs/canvas/contributions/lynx/context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/canvas/contributions/lynx/context.ts"],"names":[],"mappings":"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","file":"context.js","sourcesContent":["// 参考konva\nimport { injectable, createColor, getScaledStroke } from '@visactor/vrender-core';\nimport type { IContext2d, EnvType, ISetStrokeStyleParams, IStrokeStyleParams } from '@visactor/vrender-core';\nimport { BrowserContext2d } from '../browser';\n\n@injectable()\nexport class LynxContext2d extends BrowserContext2d implements IContext2d {\n  static env: EnvType = 'lynx';\n\n  declare drawPromise?: Promise<any>;\n\n  declare _globalAlpha: number;\n\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  setLineDash(segments: number[]) {\n    const a = arguments;\n    const _context = this.nativeContext;\n\n    if (!!this.nativeContext.setLineDash) {\n      const lineDash = a[0];\n      // lynx环境中lineDash不能为[0, 0]\n      if (lineDash[0] === 0 && lineDash[1] === 0) {\n        return;\n      }\n      _context.setLineDash(lineDash);\n    }\n  }\n\n  protected _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        stroke = defaultParams.stroke,\n        lineJoin = defaultParams.lineJoin,\n        lineDash = defaultParams.lineDash,\n        lineCap = defaultParams.lineCap,\n        miterLimit = defaultParams.miterLimit\n      } = attribute;\n      _context.globalAlpha = strokeOpacity * opacity;\n      _context.lineWidth = getScaledStroke(this, lineWidth, this.dpr);\n      _context.strokeStyle = createColor(this, stroke as any, params, offsetX, offsetY);\n      _context.lineJoin = lineJoin;\n      // lynx环境中lineDash不能为[0, 0]\n      if (!(lineDash[0] === 0 && lineDash[1] === 0)) {\n        _context.setLineDash(lineDash);\n      }\n      _context.lineCap = lineCap;\n      _context.miterLimit = miterLimit;\n    }\n  }\n\n  createPattern(image: HTMLImageElement | HTMLCanvasElement | HTMLVideoElement, repetition: string): CanvasPattern {\n    return null;\n  }\n\n  draw() {\n    const _context = this.nativeContext as any;\n    this.drawPromise = new Promise(resolve => {\n      _context.draw(true, () => {\n        this.drawPromise = null;\n        resolve(null);\n      });\n    });\n  }\n}\n"]}

package/cjs/canvas/contributions/lynx/index.d.ts

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

package/cjs/canvas/contributions/lynx/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k);
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
+        enumerable: !0,
+        get: function() {
+            return m[k];
+        }
+    }), Object.defineProperty(o, k2, desc);
+} : function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k), o[k2] = m[k];
+}), __exportStar = this && this.__exportStar || function(m, exports) {
+    for (var p in m) "default" === p || Object.prototype.hasOwnProperty.call(exports, p) || __createBinding(exports, m, p);
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), __exportStar(require("./canvas"), exports), __exportStar(require("./context"), exports);
+//# sourceMappingURL=index.js.map

package/cjs/canvas/contributions/lynx/index.js.map

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

package/cjs/canvas/contributions/lynx/modules.d.ts

@@ -0,0 +1 @@
+export declare const lynxCanvasModule: import("@visactor/vrender-core").ContainerModule;

package/cjs/canvas/contributions/lynx/modules.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.lynxCanvasModule = void 0;
+
+const canvas_1 = require("./canvas"), context_1 = require("./context"), create_canvas_module_1 = require("../create-canvas-module");
+
+exports.lynxCanvasModule = (0, create_canvas_module_1.createModule)(canvas_1.LynxCanvas, context_1.LynxContext2d);
+//# sourceMappingURL=modules.js.map

package/cjs/canvas/contributions/lynx/modules.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/canvas/contributions/lynx/modules.ts"],"names":[],"mappings":";;;AAAA,qCAAsC;AACtC,uCAA0C;AAC1C,kEAAuD;AAE1C,QAAA,gBAAgB,GAAG,IAAA,mCAAY,EAAC,mBAAU,EAAE,uBAAa,CAAC,CAAC","file":"modules.js","sourcesContent":["import { LynxCanvas } from './canvas';\nimport { LynxContext2d } from './context';\nimport { createModule } from '../create-canvas-module';\n\nexport const lynxCanvasModule = createModule(LynxCanvas, LynxContext2d);\n"]}

package/cjs/canvas/contributions/modules.d.ts

@@ -0,0 +1,9 @@
+import type { Container } from '@visactor/vrender-core';
+export declare function loadAllCavnvas(container: Container): void;
+export declare function loadBrowserCanvas(container: Container): void;
+export declare function loadFeishuCanvas(container: Container): void;
+export declare function loadLynxCanvas(container: Container): void;
+export declare function loadNodeCanvas(container: Container): void;
+export declare function loadTaroCanvas(container: Container): void;
+export declare function loadTTCanvas(container: Container): void;
+export declare function loadWxCanvas(container: Container): void;

package/cjs/canvas/contributions/modules.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.loadWxCanvas = exports.loadTTCanvas = exports.loadTaroCanvas = exports.loadNodeCanvas = exports.loadLynxCanvas = exports.loadFeishuCanvas = exports.loadBrowserCanvas = exports.loadAllCavnvas = void 0;
+
+const modules_1 = require("./browser/modules"), modules_2 = require("./feishu/modules"), modules_3 = require("./lynx/modules"), modules_4 = require("./node/modules"), modules_5 = require("./taro/modules"), modules_6 = require("./tt/modules"), modules_7 = require("./wx/modules");
+
+function loadAllCavnvas(container) {
+    container.load(modules_1.browserCanvasModule), container.load(modules_2.feishuCanvasModule), 
+    container.load(modules_3.lynxCanvasModule), container.load(modules_4.nodeCanvasModule), 
+    container.load(modules_5.taroCanvasModule), container.load(modules_6.ttCanvasModule), 
+    container.load(modules_7.wxCanvasModule);
+}
+
+function loadBrowserCanvas(container) {
+    container.load(modules_1.browserCanvasModule);
+}
+
+function loadFeishuCanvas(container) {
+    container.load(modules_2.feishuCanvasModule);
+}
+
+function loadLynxCanvas(container) {
+    container.load(modules_3.lynxCanvasModule);
+}
+
+function loadNodeCanvas(container) {
+    container.load(modules_4.nodeCanvasModule);
+}
+
+function loadTaroCanvas(container) {
+    container.load(modules_5.taroCanvasModule);
+}
+
+function loadTTCanvas(container) {
+    container.load(modules_6.ttCanvasModule);
+}
+
+function loadWxCanvas(container) {
+    container.load(modules_7.wxCanvasModule);
+}
+
+exports.loadAllCavnvas = loadAllCavnvas, exports.loadBrowserCanvas = loadBrowserCanvas, 
+exports.loadFeishuCanvas = loadFeishuCanvas, exports.loadLynxCanvas = loadLynxCanvas, 
+exports.loadNodeCanvas = loadNodeCanvas, exports.loadTaroCanvas = loadTaroCanvas, 
+exports.loadTTCanvas = loadTTCanvas, exports.loadWxCanvas = loadWxCanvas;
+//# sourceMappingURL=modules.js.map

package/cjs/canvas/contributions/modules.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/canvas/contributions/modules.ts"],"names":[],"mappings":";;;AACA,+CAAwD;AACxD,8CAAsD;AACtD,4CAAkD;AAClD,4CAAkD;AAClD,4CAAkD;AAClD,0CAA8C;AAC9C,0CAA8C;AAE9C,SAAgB,cAAc,CAAC,SAAoB;IACjD,SAAS,CAAC,IAAI,CAAC,6BAAmB,CAAC,CAAC;IACpC,SAAS,CAAC,IAAI,CAAC,4BAAkB,CAAC,CAAC;IACnC,SAAS,CAAC,IAAI,CAAC,0BAAgB,CAAC,CAAC;IACjC,SAAS,CAAC,IAAI,CAAC,0BAAgB,CAAC,CAAC;IACjC,SAAS,CAAC,IAAI,CAAC,0BAAgB,CAAC,CAAC;IACjC,SAAS,CAAC,IAAI,CAAC,wBAAc,CAAC,CAAC;IAC/B,SAAS,CAAC,IAAI,CAAC,wBAAc,CAAC,CAAC;AACjC,CAAC;AARD,wCAQC;AAED,SAAgB,iBAAiB,CAAC,SAAoB;IACpD,SAAS,CAAC,IAAI,CAAC,6BAAmB,CAAC,CAAC;AACtC,CAAC;AAFD,8CAEC;AAED,SAAgB,gBAAgB,CAAC,SAAoB;IACnD,SAAS,CAAC,IAAI,CAAC,4BAAkB,CAAC,CAAC;AACrC,CAAC;AAFD,4CAEC;AAED,SAAgB,cAAc,CAAC,SAAoB;IACjD,SAAS,CAAC,IAAI,CAAC,0BAAgB,CAAC,CAAC;AACnC,CAAC;AAFD,wCAEC;AAED,SAAgB,cAAc,CAAC,SAAoB;IACjD,SAAS,CAAC,IAAI,CAAC,0BAAgB,CAAC,CAAC;AACnC,CAAC;AAFD,wCAEC;AAED,SAAgB,cAAc,CAAC,SAAoB;IACjD,SAAS,CAAC,IAAI,CAAC,0BAAgB,CAAC,CAAC;AACnC,CAAC;AAFD,wCAEC;AAED,SAAgB,YAAY,CAAC,SAAoB;IAC/C,SAAS,CAAC,IAAI,CAAC,wBAAc,CAAC,CAAC;AACjC,CAAC;AAFD,oCAEC;AAED,SAAgB,YAAY,CAAC,SAAoB;IAC/C,SAAS,CAAC,IAAI,CAAC,wBAAc,CAAC,CAAC;AACjC,CAAC;AAFD,oCAEC","file":"modules.js","sourcesContent":["import type { Container } from '@visactor/vrender-core';\nimport { browserCanvasModule } from './browser/modules';\nimport { feishuCanvasModule } from './feishu/modules';\nimport { lynxCanvasModule } from './lynx/modules';\nimport { nodeCanvasModule } from './node/modules';\nimport { taroCanvasModule } from './taro/modules';\nimport { ttCanvasModule } from './tt/modules';\nimport { wxCanvasModule } from './wx/modules';\n\nexport function loadAllCavnvas(container: Container) {\n  container.load(browserCanvasModule);\n  container.load(feishuCanvasModule);\n  container.load(lynxCanvasModule);\n  container.load(nodeCanvasModule);\n  container.load(taroCanvasModule);\n  container.load(ttCanvasModule);\n  container.load(wxCanvasModule);\n}\n\nexport function loadBrowserCanvas(container: Container) {\n  container.load(browserCanvasModule);\n}\n\nexport function loadFeishuCanvas(container: Container) {\n  container.load(feishuCanvasModule);\n}\n\nexport function loadLynxCanvas(container: Container) {\n  container.load(lynxCanvasModule);\n}\n\nexport function loadNodeCanvas(container: Container) {\n  container.load(nodeCanvasModule);\n}\n\nexport function loadTaroCanvas(container: Container) {\n  container.load(taroCanvasModule);\n}\n\nexport function loadTTCanvas(container: Container) {\n  container.load(ttCanvasModule);\n}\n\nexport function loadWxCanvas(container: Container) {\n  container.load(wxCanvasModule);\n}\n"]}

package/cjs/canvas/contributions/node/canvas.d.ts

@@ -1 +1,8 @@
-
+import { BaseCanvas } from '@visactor/vrender-core';
+import type { ICanvas, CanvasConfigType, EnvType } from '@visactor/vrender-core';
+export declare class NodeCanvas extends BaseCanvas implements ICanvas {
+    static env: EnvType;
+    constructor(params: CanvasConfigType);
+    init(): void;
+    release(...params: any): void;
+}

package/cjs/canvas/contributions/node/canvas.js

@@ -1 +1,31 @@
+"use strict";
+
+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);
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.NodeCanvas = void 0;
+
+const vrender_core_1 = require("@visactor/vrender-core"), context_1 = require("./context"), vutils_1 = require("@visactor/vutils");
+
+let NodeCanvas = class extends vrender_core_1.BaseCanvas {
+    constructor(params) {
+        super(params);
+    }
+    init() {
+        this._context = new context_1.NodeContext2d(this, this._dpr);
+    }
+    release(...params) {
+        this._nativeCanvas.release && (0, vutils_1.isFunction)(this._nativeCanvas.release) && this._nativeCanvas.release();
+    }
+};
+
+NodeCanvas.env = "node", NodeCanvas = __decorate([ (0, vrender_core_1.injectable)(), __metadata("design:paramtypes", [ Object ]) ], NodeCanvas), 
+exports.NodeCanvas = NodeCanvas;
 //# sourceMappingURL=canvas.js.map

package/cjs/canvas/contributions/node/canvas.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/canvas/contributions/node/canvas.ts"],"names":[],"mappings":"","file":"canvas.js","sourcesContent":["// import { injectable } from 'inversify';\n// import type { Canvas } from 'canvas';\n// import type { EnvType, CanvasConfigType, ICanvas, IContext2d } from '@visactor/vrender';\n// import { NodeContext2d } from './context';\n\n// const DefaultConfig = {\n//   WIDTH: 500,\n//   HEIGHT: 500,\n//   DPR: 1\n// };\n\n// @injectable()\n// export class NodeCanvas implements ICanvas {\n//   static env: EnvType = 'node';\n//   // 显示的宽高，如果是离屏canvas，就是pixelWidth / pixelRatio\n//   private _id: number | string;\n\n//   private _displayWidth: number; // 显示的宽度\n//   private _displayHeight: number; // 显示的高度\n//   // 像素宽高\n//   private _pixelWidth: number; // 像素宽度\n//   private _pixelHeight: number; // 像素高度\n\n//   private _nativeCanvas: Canvas;\n//   private _context: IContext2d;\n//   private _visiable: boolean;\n//   private controled: boolean;\n//   private _dpr: number;\n\n//   get id(): number | string {\n//     return this._id;\n//   }\n//   get x(): number {\n//     return 0;\n//   }\n//   get y(): number {\n//     return 0;\n//   }\n//   get nativeCanvas(): Canvas {\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//   get displayWidth(): number {\n//     return this._pixelWidth / this._dpr;\n//   }\n\n//   get displayHeight(): number {\n//     return this._pixelHeight / this._dpr;\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//   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._dpr = dpr;\n//     this.resize(this.width, this.height);\n//     return;\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//       canvasControled = true,\n//       dpr = DefaultConfig.DPR\n//     } = params;\n//     this._visiable = params.visiable !== false;\n//     this.controled = canvasControled;\n\n//     // 离屏canvas\n//     this._pixelWidth = width * dpr;\n//     this._pixelHeight = height * dpr;\n//     this._displayWidth = width;\n//     this._displayHeight = height;\n//     this._nativeCanvas = nativeCanvas as unknown as Canvas;\n//     this._context = new NodeContext2d(this, params.dpr);\n//     this._id = nativeCanvas.id;\n//     this._dpr = dpr;\n//   }\n\n//   applyPosition() {\n//     return;\n//   }\n\n//   getNativeCanvas(): Canvas {\n//     return this._nativeCanvas;\n//   }\n\n//   resetStyle(params: Partial<CanvasConfigType>) {\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//     this._pixelWidth = width * this._dpr;\n//     this._pixelHeight = height * this._dpr;\n//     this._displayWidth = width;\n//     this._displayHeight = height;\n//     if (this._nativeCanvas) {\n//       this._nativeCanvas.width = this._pixelWidth;\n//       this._nativeCanvas.height = this._pixelHeight;\n//     }\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//     return this._context.getImageData(x, y, w, h);\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//     throw new Error('暂不支持release');\n//   }\n// }\n"]}
+{"version":3,"sources":["../src/canvas/contributions/node/canvas.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,yDAAgE;AAEhE,uCAA0C;AAC1C,6CAA8C;AAGvC,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,yBAAU;IAOxC,YAAY,MAAwB;QAClC,KAAK,CAAC,MAAM,CAAC,CAAC;IAChB,CAAC;IAED,IAAI;QACF,IAAI,CAAC,QAAQ,GAAG,IAAI,uBAAa,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;IACrD,CAAC;IAED,OAAO,CAAC,GAAG,MAAW;QACpB,IAAK,IAAI,CAAC,aAAqB,CAAC,OAAO,IAAI,IAAA,mBAAU,EAAE,IAAI,CAAC,aAAqB,CAAC,OAAO,CAAC,EAAE;YACzF,IAAI,CAAC,aAAqB,CAAC,OAAO,EAAE,CAAC;SACvC;IACH,CAAC;;AAlBM,cAAG,GAAY,MAAM,CAAC;AADlB,UAAU;IADtB,IAAA,yBAAU,GAAE;;GACA,UAAU,CAoBtB;AApBY,gCAAU","file":"canvas.js","sourcesContent":["import { injectable, BaseCanvas } from '@visactor/vrender-core';\nimport type { ICanvas, CanvasConfigType, EnvType } from '@visactor/vrender-core';\nimport { NodeContext2d } from './context';\nimport { isFunction } from '@visactor/vutils';\n\n@injectable()\nexport class NodeCanvas extends BaseCanvas implements ICanvas {\n  static env: EnvType = 'node';\n\n  /**\n   * 通过canvas生成一个wrap对象，初始化时不会再设置canvas的属性\n   * @param params\n   */\n  constructor(params: CanvasConfigType) {\n    super(params);\n  }\n\n  init() {\n    this._context = new NodeContext2d(this, this._dpr);\n  }\n\n  release(...params: any): void {\n    if ((this._nativeCanvas as any).release && isFunction((this._nativeCanvas as any).release)) {\n      (this._nativeCanvas as any).release();\n    }\n  }\n}\n"]}

package/cjs/canvas/contributions/node/context.d.ts

@@ -1 +1,7 @@
-
+import type { IContext2d, EnvType, ICanvas } from '@visactor/vrender-core';
+import { BrowserContext2d } from '../browser';
+export declare class NodeContext2d extends BrowserContext2d implements IContext2d {
+    static env: EnvType;
+    constructor(canvas: ICanvas, dpr: number);
+    release(...params: any): void;
+}

package/cjs/canvas/contributions/node/context.js

@@ -1 +1,30 @@
+"use strict";
+
+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);
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.NodeContext2d = void 0;
+
+const vutils_1 = require("@visactor/vutils"), vrender_core_1 = require("@visactor/vrender-core"), browser_1 = require("../browser");
+
+let NodeContext2d = class extends browser_1.BrowserContext2d {
+    constructor(canvas, dpr) {
+        super(canvas, dpr);
+        const context = canvas.nativeCanvas.getContext("2d");
+        if (!context) throw new Error("发生错误，获取2d上下文失败");
+        this.nativeContext = context, this.canvas = canvas, this.matrix = new vutils_1.Matrix(1, 0, 0, 1, 0, 0), 
+        this.stack = [], this.dpr = null != dpr ? dpr : 1;
+    }
+    release(...params) {}
+};
+
+NodeContext2d.env = "node", NodeContext2d = __decorate([ (0, vrender_core_1.injectable)(), __metadata("design:paramtypes", [ Object, Number ]) ], NodeContext2d), 
+exports.NodeContext2d = NodeContext2d;
 //# sourceMappingURL=context.js.map

package/cjs/canvas/contributions/node/context.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/canvas/contributions/node/context.ts"],"names":[],"mappings":"","file":"context.js","sourcesContent":["// // 参考konva\n// import { Matrix } from '@visactor/vutils';\n// import { injectable } from 'inversify';\n// import type { EnvType, ICanvas, IContext2d } from '@visactor/vrender';\n// import { BrowserContext2d } from '@visactor/vrender';\n\n// // https://github.com/konvajs/konva/blob/master/src/Context.ts\n// const initMatrix = new Matrix(1, 0, 0, 1, 0, 0);\n\n// @injectable()\n// export class NodeContext2d extends BrowserContext2d implements IContext2d {\n//   static env: EnvType = 'node';\n\n//   constructor(canvas: ICanvas, dpr: number) {\n//     super(canvas, dpr);\n//     const context = canvas.nativeCanvas.getContext('2d');\n//     if (!context) {\n//       throw new Error('发生错误，获取2d上下文失败');\n//     }\n//     this.nativeContext = context;\n//     this.canvas = canvas;\n//     this.matrix = new Matrix(1, 0, 0, 1, 0, 0);\n//     this.stack = [];\n//     this.dpr = dpr ?? 1;\n//   }\n\n//   release(...params: any): void {\n//     return;\n//   }\n// }\n"]}
+{"version":3,"sources":["../src/canvas/contributions/node/context.ts"],"names":[],"mappings":";;;;;;;;;;;;AACA,6CAA0C;AAC1C,yDAAoD;AAEpD,wCAA8C;AAGvC,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,0BAAgB;IAGjD,YAAY,MAAe,EAAE,GAAW;QACtC,KAAK,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QACnB,MAAM,OAAO,GAAG,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QACrD,IAAI,CAAC,OAAO,EAAE;YACZ,MAAM,IAAI,KAAK,CAAC,gBAAgB,CAAC,CAAC;SACnC;QACD,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC;QAC7B,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,MAAM,GAAG,IAAI,eAAM,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;QAC3C,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;QAChB,IAAI,CAAC,GAAG,GAAG,GAAG,aAAH,GAAG,cAAH,GAAG,GAAI,CAAC,CAAC;IACtB,CAAC;IAED,OAAO,CAAC,GAAG,MAAW;QACpB,OAAO;IACT,CAAC;;AAjBM,iBAAG,GAAY,MAAM,CAAC;AADlB,aAAa;IADzB,IAAA,yBAAU,GAAE;;GACA,aAAa,CAmBzB;AAnBY,sCAAa","file":"context.js","sourcesContent":["// 参考konva\nimport { Matrix } from '@visactor/vutils';\nimport { injectable } from '@visactor/vrender-core';\nimport type { IContext2d, EnvType, ICanvas } from '@visactor/vrender-core';\nimport { BrowserContext2d } from '../browser';\n\n@injectable()\nexport class NodeContext2d extends BrowserContext2d implements IContext2d {\n  static env: EnvType = 'node';\n\n  constructor(canvas: ICanvas, dpr: number) {\n    super(canvas, dpr);\n    const context = canvas.nativeCanvas.getContext('2d');\n    if (!context) {\n      throw new Error('发生错误，获取2d上下文失败');\n    }\n    this.nativeContext = context;\n    this.canvas = canvas;\n    this.matrix = new Matrix(1, 0, 0, 1, 0, 0);\n    this.stack = [];\n    this.dpr = dpr ?? 1;\n  }\n\n  release(...params: any): void {\n    return;\n  }\n}\n"]}