@visactor/vrender-core 0.16.0-alpha.0

package/cjs/canvas/conical-gradient.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/canvas/conical-gradient.ts"],"names":[],"mappings":"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","file":"conical-gradient.js","sourcesContent":["/**\n * 环形渐变部分源码借鉴https://github.com/parksben/create-conical-gradient/blob/master/LICENSE\n * MIT License\n\n * Copyright (c) 2020 parksben\n\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\nimport { pi2 } from '@visactor/vutils';\nimport { application } from '../application';\nimport type { IConicalGradient, IContext2d } from '../interface';\nimport { interpolateColor } from '../color-string';\n\nclass ConicalCanvas {\n  static canvas: HTMLCanvasElement;\n  static ctx: CanvasRenderingContext2D | null;\n\n  static GetCanvas() {\n    try {\n      if (!ConicalCanvas.canvas) {\n        ConicalCanvas.canvas = application.global.createCanvas({});\n      }\n      return ConicalCanvas.canvas;\n    } catch (err) {\n      return null;\n    }\n  }\n\n  static GetCtx() {\n    if (!ConicalCanvas.ctx) {\n      const conicalCanvas = ConicalCanvas.GetCanvas();\n      ConicalCanvas.ctx = conicalCanvas.getContext('2d');\n    }\n    return ConicalCanvas.ctx;\n  }\n}\n\n// todo 目前环形渐变缓存还是依赖于x和y，后续优化环形渐变\nexport class ColorInterpolate {\n  private readonly rgbaSet: Uint8ClampedArray;\n\n  constructor(stops: [number, string][] = [], precision = 100) {\n    const canvas = ConicalCanvas.GetCanvas();\n    const conicalCtx = ConicalCanvas.GetCtx();\n    canvas.width = precision;\n    canvas.height = 1;\n    if (!conicalCtx) {\n      return;\n    }\n    conicalCtx.translate(0, 0);\n    if (!conicalCtx) {\n      throw new Error('获取ctx发生错误');\n    }\n\n    const gradient = conicalCtx.createLinearGradient(0, 0, precision, 0);\n    stops.forEach(stop => {\n      gradient.addColorStop(stop[0], stop[1]);\n    });\n\n    conicalCtx.fillStyle = gradient;\n    conicalCtx.fillRect(0, 0, precision, 1);\n\n    this.rgbaSet = conicalCtx.getImageData(0, 0, precision, 1).data;\n  }\n\n  getColor(offset: number): string {\n    const rgba = this.rgbaSet.slice(4 * offset, 4 * offset + 4);\n    return `rgba(${rgba[0]}, ${rgba[1]}, ${rgba[2]}, ${rgba[3] / 255})`;\n  }\n\n  static dataMap: Map<string, ColorInterpolate> = new Map();\n  // static lastCache: {\n  //   stops: [number, string][],\n  //   precision: number,\n  //   colorInter: ColorInterpolate,\n  //   step: number,\n  //   stepNum: number,\n  //   r: number,\n  //   lineWidth: number,\n  // } | null = null;\n\n  static GetOrCreate(stops: [number, string][] = [], precision = 100) {\n    let str = '';\n    stops.forEach(item => (str += item.join()));\n    str += precision;\n    let colorInter = ColorInterpolate.dataMap.get(str);\n    if (!colorInter) {\n      colorInter = new ColorInterpolate(stops, precision);\n      ColorInterpolate.dataMap.set(str, colorInter);\n    }\n    return colorInter;\n  }\n\n  static SetColorInterpolateInstance(stops: string, ins: ColorInterpolate) {\n    ColorInterpolate.dataMap.set(stops, ins);\n  }\n\n  static GetColorInterpolateInstance(stops: string): ColorInterpolate | undefined {\n    return ColorInterpolate.dataMap.get(stops);\n  }\n}\n\nclass ConicalPatternStore {\n  private static cache: {\n    [key: string]: {\n      width: number;\n      height: number;\n      pattern: CanvasPattern;\n    }[];\n  } = {};\n  private static ImageSize = [20, 40, 80, 160, 320, 640, 1280, 2560];\n\n  static GetSize(minSize: number): number {\n    for (let i = 0; i < ConicalPatternStore.ImageSize.length; i++) {\n      if (ConicalPatternStore.ImageSize[i] >= minSize) {\n        return ConicalPatternStore.ImageSize[i];\n      }\n    }\n    return minSize;\n  }\n\n  static Get(\n    stops: Array<[number, string]>,\n    x: number,\n    y: number,\n    startAngle: number,\n    endAngle: number,\n    w: number,\n    h: number\n  ): CanvasPattern | null {\n    const key = ConicalPatternStore.GenKey(stops, x, y, startAngle, endAngle);\n    const data = ConicalPatternStore.cache[key];\n    if (!data || data.length === 0) {\n      return null;\n    }\n    for (let i = 0; i < data.length; i++) {\n      if (data[i].width >= w && data[i].height >= h) {\n        return data[i].pattern;\n      }\n    }\n    return null;\n  }\n\n  static Set(\n    stops: Array<[number, string]>,\n    x: number,\n    y: number,\n    startAngle: number,\n    endAngle: number,\n    pattern: CanvasPattern,\n    w: number,\n    h: number\n  ) {\n    const key = ConicalPatternStore.GenKey(stops, x, y, startAngle, endAngle);\n    // 必然是顺序的，因为如果能get到的话就不需要set\n    if (!ConicalPatternStore.cache[key]) {\n      ConicalPatternStore.cache[key] = [\n        {\n          width: w,\n          height: h,\n          pattern\n        }\n      ];\n    } else {\n      ConicalPatternStore.cache[key].push({\n        width: w,\n        height: h,\n        pattern\n      });\n    }\n  }\n\n  static GenKey(stops: Array<[number, string]>, x: number, y: number, startAngle: number, endAngle: number): string {\n    return `${x},${y},${startAngle},${endAngle},${stops.join()}`;\n  }\n}\n\nexport function getConicGradientAt(x: number, y: number, angle: number, color: IConicalGradient) {\n  const { stops, startAngle, endAngle } = color;\n\n  while (angle < 0) {\n    angle += pi2;\n  }\n  while (angle > pi2) {\n    angle -= pi2;\n  }\n\n  if (angle < startAngle) {\n    return stops[0].color;\n  }\n  if (angle > endAngle) {\n    return stops[0].color;\n  }\n  let percent = (angle - startAngle) / (endAngle - startAngle);\n  let startStop: any;\n  let endStop: any;\n  for (let i = 0; i < stops.length; i++) {\n    if (stops[i].offset >= percent) {\n      startStop = stops[i - 1];\n      endStop = stops[i];\n      break;\n    }\n  }\n  percent = (percent - startStop.offset) / (endStop.offset - startStop.offset);\n  return interpolateColor(startStop.color, endStop.color, percent, false);\n}\n\n/**\n * 环形渐变效果\n * @param context\n * @param stops\n * @param x\n * @param y\n * @param deltaAngle 用于细分出颜色插值数组[start,,,,,,end, (没有用到的颜色)]\n * @param startAngle 实际开始的angle\n * @param endAngle 实际结束的angle\n * @param minW\n * @param minH\n * @returns\n */\nexport function createConicalGradient(\n  context: IContext2d,\n  stops: Array<[number, string]>,\n  x: number,\n  y: number,\n  deltaAngle: number,\n  startAngle: number,\n  endAngle: number,\n  minW: number,\n  minH: number\n): null | CanvasPattern {\n  const deltaDeg = Math.floor((deltaAngle * 180) / Math.PI);\n\n  const conicalCanvas = ConicalCanvas.GetCanvas();\n  const conicalCtx = ConicalCanvas.GetCtx();\n\n  if (!conicalCtx) {\n    return null;\n  }\n  const width = ConicalPatternStore.GetSize(minW);\n  const height = ConicalPatternStore.GetSize(minH);\n  let pattern = ConicalPatternStore.Get(stops, x, y, startAngle, endAngle, width, height);\n  if (pattern) {\n    return pattern;\n  }\n\n  const r = Math.sqrt(\n    Math.max(\n      Math.max(Math.pow(x, 2) + Math.pow(y, 2), Math.pow(width - x, 2) + Math.pow(y, 2)),\n      Math.max(Math.pow(width - x, 2) + Math.pow(height - y, 2), Math.pow(x, 2) + Math.pow(height - y, 2))\n    )\n  );\n  // 每一度一个三角形\n  const stepNum = deltaDeg + 1;\n  const step = deltaAngle / Math.max(1, stepNum - 1);\n  const colorInter = ColorInterpolate.GetOrCreate(stops, stepNum);\n\n  const lineWidth = (2 * Math.PI * r) / 360;\n\n  conicalCanvas.width = width;\n  conicalCanvas.height = height;\n  conicalCtx.setTransform(1, 0, 0, 1, 0, 0);\n  conicalCtx.clearRect(0, 0, width, height);\n  conicalCtx.translate(x, y);\n  conicalCtx.rotate(startAngle);\n  for (let i = 0, len = stepNum - 1; i < len; i++) {\n    if (startAngle + i * step > endAngle) {\n      break;\n    }\n    const color = colorInter.getColor(i);\n    conicalCtx.beginPath();\n    conicalCtx.rotate(step);\n    conicalCtx.moveTo(0, 0);\n    conicalCtx.lineTo(r, -2 * lineWidth);\n    conicalCtx.lineTo(r, 0);\n    conicalCtx.fillStyle = color;\n    conicalCtx.closePath();\n    conicalCtx.fill();\n  }\n\n  const imageData = conicalCtx.getImageData(0, 0, width, height);\n\n  conicalCanvas.width = imageData.width;\n  conicalCanvas.height = imageData.height;\n  conicalCtx.putImageData(imageData, 0, 0);\n  pattern = context.createPattern(conicalCanvas, 'no-repeat');\n  pattern && ConicalPatternStore.Set(stops, x, y, startAngle, endAngle, pattern, width, height);\n  return pattern;\n}\n"]}

package/cjs/canvas/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const CanvasFactory: unique symbol;
+export declare const Context2dFactory: unique symbol;

package/cjs/canvas/constants.js

@@ -0,0 +1,7 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Context2dFactory = exports.CanvasFactory = void 0, exports.CanvasFactory = Symbol.for("CanvasFactory"), 
+exports.Context2dFactory = Symbol.for("Context2dFactory");
+//# sourceMappingURL=constants.js.map

package/cjs/canvas/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/canvas/constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,aAAa,GAAG,MAAM,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;AAC5C,QAAA,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC","file":"constants.js","sourcesContent":["export const CanvasFactory = Symbol.for('CanvasFactory');\nexport const Context2dFactory = Symbol.for('Context2dFactory');\n"]}

package/cjs/canvas/contributions/base-canvas.d.ts

@@ -0,0 +1,52 @@
+import type { CanvasConfigType, ICanvas, IContext2d, EnvType } from '../../interface';
+export declare abstract class BaseCanvas implements ICanvas {
+    static env: EnvType;
+    protected _displayWidth: number;
+    protected _displayHeight: number;
+    protected _id: number | string;
+    protected _pixelWidth: number;
+    protected _pixelHeight: number;
+    protected _x: number;
+    protected _y: number;
+    protected _dpr: number;
+    protected _container?: HTMLElement | null;
+    protected _nativeCanvas: HTMLCanvasElement;
+    protected _context: IContext2d;
+    protected _visiable: boolean;
+    protected controled: boolean;
+    get displayWidth(): number;
+    get displayHeight(): number;
+    get id(): number | string;
+    get x(): number;
+    set x(_x: number);
+    get y(): number;
+    set y(_y: number);
+    get nativeCanvas(): HTMLCanvasElement;
+    get width(): number;
+    set width(width: number);
+    get height(): number;
+    set height(height: number);
+    getContext(str?: string): IContext2d;
+    get visiable(): boolean;
+    set visiable(visiable: boolean);
+    get dpr(): number;
+    set dpr(dpr: number);
+    constructor(params: CanvasConfigType);
+    getNativeCanvas(): HTMLCanvasElement;
+    hide(): void;
+    show(): void;
+    abstract init(params: CanvasConfigType): void;
+    applyPosition(): void;
+    resetStyle(params: Partial<CanvasConfigType>): 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/cjs/canvas/contributions/base-canvas.js

@@ -0,0 +1,107 @@
+"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.BaseCanvas = void 0;
+
+const inversify_lite_1 = require("../../common/inversify-lite"), DefaultConfig = {
+    WIDTH: 500,
+    HEIGHT: 500,
+    DPR: 1
+};
+
+let BaseCanvas = class {
+    get displayWidth() {
+        return this._pixelWidth / this._dpr;
+    }
+    get displayHeight() {
+        return this._pixelHeight / this._dpr;
+    }
+    get id() {
+        return this._id;
+    }
+    get x() {
+        return this._x;
+    }
+    set x(_x) {
+        this._x = _x;
+    }
+    get y() {
+        return this._y;
+    }
+    set y(_y) {
+        this._y = _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);
+    }
+    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, this.resize(this._displayWidth, this._displayHeight);
+    }
+    constructor(params) {
+        const {nativeCanvas: nativeCanvas, width: width = DefaultConfig.WIDTH, height: height = DefaultConfig.HEIGHT, dpr: dpr = DefaultConfig.DPR, x: x, y: y, canvasControled: canvasControled = !0} = params;
+        this._x = null != x ? x : 0, this._y = null != y ? y : 0, this._pixelWidth = width * dpr, 
+        this._pixelHeight = height * dpr, this._visiable = !1 !== params.visiable, this.controled = canvasControled, 
+        this._displayWidth = width, this._displayHeight = height, this._dpr = dpr, this._nativeCanvas = nativeCanvas, 
+        this._id = nativeCanvas.id, this.init(params);
+    }
+    getNativeCanvas() {
+        return this._nativeCanvas;
+    }
+    hide() {}
+    show() {}
+    applyPosition() {}
+    resetStyle(params) {}
+    resize(width, height) {}
+    toDataURL(mimeType, quality) {
+        return "";
+    }
+    readPixels(x, y, w, h) {
+        return this._context.getImageData(x, y, w, h);
+    }
+    convertToBlob(options) {
+        throw new Error("暂未实现");
+    }
+    transferToImageBitmap() {
+        throw new Error("暂未实现");
+    }
+    release(...params) {
+        this.controled && this._nativeCanvas.parentElement && this._nativeCanvas.parentElement.removeChild(this._nativeCanvas);
+    }
+};
+
+BaseCanvas.env = "browser", BaseCanvas = __decorate([ (0, inversify_lite_1.injectable)(), __metadata("design:paramtypes", [ Object ]) ], BaseCanvas), 
+exports.BaseCanvas = BaseCanvas;
+//# sourceMappingURL=base-canvas.js.map

package/cjs/canvas/contributions/base-canvas.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/canvas/contributions/base-canvas.ts"],"names":[],"mappings":"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","file":"base-canvas.js","sourcesContent":["import { injectable } from '../../common/inversify-lite';\nimport type { CanvasConfigType, ICanvas, IContext2d, EnvType } from '../../interface';\n\nconst DefaultConfig = {\n  WIDTH: 500,\n  HEIGHT: 500,\n  DPR: 1\n};\n\n@injectable()\nexport abstract class BaseCanvas implements ICanvas {\n  static env: EnvType = 'browser';\n  // 显示的宽高，如果是离屏canvas，就是pixelWidth / pixelRatio\n  protected _displayWidth: number; // 显示的宽度\n  protected _displayHeight: number; // 显示的高度\n  protected _id: number | string;\n  // 像素宽高\n  protected _pixelWidth: number; // 像素宽度\n  protected _pixelHeight: number; // 像素高度\n\n  protected _x: number;\n  protected _y: number;\n  protected _dpr: number;\n\n  protected _container?: HTMLElement | null;\n  protected _nativeCanvas: HTMLCanvasElement;\n  protected _context: IContext2d;\n  protected _visiable: boolean;\n  protected controled: boolean;\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 id(): number | string {\n    return this._id;\n  }\n  get x(): number {\n    return this._x;\n  }\n  set x(_x: number) {\n    this._x = _x;\n  }\n  get y(): number {\n    return this._y;\n  }\n  set y(_y: number) {\n    this._y = _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  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    this.resize(this._displayWidth, this._displayHeight);\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      x,\n      y,\n      canvasControled = true\n    } = params;\n    const offsetX = 0;\n    const offsetY = 0;\n    this._x = x ?? offsetX;\n    this._y = y ?? offsetY;\n    this._pixelWidth = width * dpr;\n    this._pixelHeight = height * dpr;\n    this._visiable = params.visiable !== false;\n    this.controled = canvasControled;\n\n    // 离屏canvas\n    this._displayWidth = width;\n    this._displayHeight = height;\n    this._dpr = dpr;\n    this._nativeCanvas = nativeCanvas;\n    this._id = nativeCanvas.id;\n\n    this.init(params);\n  }\n\n  getNativeCanvas(): HTMLCanvasElement {\n    return this._nativeCanvas;\n  }\n  hide() {\n    return;\n  }\n  show() {\n    return;\n  }\n\n  abstract init(params: CanvasConfigType): void;\n\n  applyPosition(): void {\n    return;\n  }\n\n  resetStyle(params: Partial<CanvasConfigType>): void {\n    return;\n  }\n\n  /**\n   * 设置canvas的size大小，设置context的scale\n   * @param width\n   * @param height\n   */\n  resize(width: number, height: number): void {\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    if (this.controled) {\n      this._nativeCanvas.parentElement && this._nativeCanvas.parentElement.removeChild(this._nativeCanvas);\n    }\n  }\n}\n"]}

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

@@ -0,0 +1,97 @@
+import { Matrix } from '@visactor/vutils';
+import type { ICanvas, ICommonStyleParams, IContext2d, ISetCommonStyleParams, ISetStrokeStyleParams, IStrokeStyleParams, IConicalGradientData, ITextStyleParams } from '../interface';
+import { CustomPath2D } from '../common/custom-path2d';
+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;
+}

package/cjs/canvas/empty-context.js

@@ -0,0 +1,209 @@
+"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.EmptyContext2d = void 0;
+
+const vutils_1 = require("@visactor/vutils"), inversify_lite_1 = require("../common/inversify-lite"), util_1 = require("./util"), custom_path2d_1 = require("../common/custom-path2d"), canvas_utils_1 = require("../common/canvas-utils"), matrix_allocate_1 = require("../allocator/matrix-allocate"), initMatrix = new vutils_1.Matrix(1, 0, 0, 1, 0, 0), globalPoint = {
+    x: 0,
+    y: 0
+};
+
+let EmptyContext2d = class {
+    get nativeContext() {
+        return this.path;
+    }
+    constructor(canvas, dpr) {
+        this.matrix = new vutils_1.Matrix(1, 0, 0, 1, 0, 0), this.stack = [], this.dpr = dpr, 
+        this.applyedMatrix = new vutils_1.Matrix(1, 0, 0, 1, 0, 0), this.path = new custom_path2d_1.CustomPath2D;
+    }
+    getCanvas() {
+        throw new Error("不支持getCanvas");
+    }
+    getContext() {
+        throw new Error("不支持getContext");
+    }
+    setTransformForCurrent(force = !1) {
+        !force && this.applyedMatrix.equalToMatrix(this.matrix) || (this.applyedMatrix = this.cloneMatrix(this.matrix));
+    }
+    get currentMatrix() {
+        return this.matrix;
+    }
+    cloneMatrix(m) {
+        return matrix_allocate_1.matrixAllocate.allocateByObj(m);
+    }
+    clear() {
+        this.save(), this.resetTransform(), this.restore();
+    }
+    restore() {
+        this.stack.length > 0 && (matrix_allocate_1.matrixAllocate.free(this.matrix), this.matrix = this.stack.pop(), 
+        this.setTransformForCurrent());
+    }
+    highPerformanceRestore() {
+        this.stack.length > 0 && (matrix_allocate_1.matrixAllocate.free(this.matrix), this.matrix = this.stack.pop());
+    }
+    rotate(rad, setTransform = !0) {
+        this.matrix.rotate(rad), setTransform && this.setTransformForCurrent();
+    }
+    save() {
+        const matrix = this.cloneMatrix(this.matrix);
+        this.stack.push(matrix);
+    }
+    highPerformanceSave() {
+        const matrix = this.cloneMatrix(this.matrix);
+        this.stack.push(matrix);
+    }
+    scale(sx, sy, setTransform = !0) {
+        this.matrix.scale(sx, sy), setTransform && this.setTransformForCurrent();
+    }
+    setScale(sx, sy, setTransform = !0) {
+        this.matrix.setScale(sx, sy), setTransform && this.setTransformForCurrent();
+    }
+    scalePoint(sx, sy, px, py, setTransform = !0) {
+        this.translate(px, py, !1), this.scale(sx, sy, !1), this.translate(-px, -py, !1), 
+        setTransform && this.setTransformForCurrent();
+    }
+    setTransform(a, b, c, d, e, f, setTransform = !0, dpr = this.dpr) {
+        this.matrix.setValue(dpr * a, dpr * b, dpr * c, dpr * d, dpr * e, dpr * f), setTransform && this.setTransformForCurrent();
+    }
+    setTransformFromMatrix(matrix, setTransform = !0, dpr = this.dpr) {
+        this.matrix.setValue(matrix.a * dpr, matrix.b * dpr, matrix.c * dpr, matrix.d * dpr, matrix.e * dpr, matrix.f * dpr), 
+        setTransform && this.setTransformForCurrent();
+    }
+    resetTransform(setTransform = !0, dpr = this.dpr) {
+        this.setTransform(dpr, 0, 0, dpr, 0, 0), setTransform && this.setTransformForCurrent();
+    }
+    transform(a, b, c, d, e, f, setTransform = !0) {
+        this.matrix.multiply(a, b, c, d, e, f), setTransform && this.setTransformForCurrent();
+    }
+    transformFromMatrix(matrix, setTransform) {
+        this.matrix.multiply(matrix.a, matrix.b, matrix.c, matrix.d, matrix.e, matrix.f), 
+        setTransform && this.setTransformForCurrent();
+    }
+    translate(x, y, setTransform = !0) {
+        this.matrix.translate(x, y), setTransform && this.setTransformForCurrent();
+    }
+    rotateDegrees(deg, setTransform = !0) {
+        const rad = deg * Math.PI / 180;
+        this.rotate(rad, setTransform);
+    }
+    rotateAbout(rad, x, y, setTransform = !0) {
+        this.translate(x, y, !1), this.rotate(rad, !1), this.translate(-x, -y, !1), setTransform && this.setTransformForCurrent();
+    }
+    rotateDegreesAbout(deg, x, y, setTransform = !0) {
+        this.translate(x, y, !1), this.rotateDegrees(deg, !1), this.translate(-x, -y, !1), 
+        setTransform && this.setTransformForCurrent();
+    }
+    beginPath() {
+        this.path.clear();
+    }
+    clip(path, fillRule) {}
+    arc(x, y, radius, startAngle, endAngle, anticlockwise) {
+        this.path.arc(x, y, radius, startAngle, endAngle, anticlockwise);
+    }
+    arcTo(x1, y1, x2, y2, radiusX) {
+        this.path.arcTo(x1, y1, x2, y2, radiusX);
+    }
+    bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y) {
+        this.path.bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y);
+    }
+    closePath() {
+        this.path.closePath();
+    }
+    ellipse(x, y, radiusX, radiusY, rotation, startAngle, endAngle, anticlockwise) {}
+    lineTo(x, y) {
+        this.path.lineTo(x, y);
+    }
+    moveTo(x, y) {
+        this.path.moveTo(x, y);
+    }
+    quadraticCurveTo(cpx, cpy, x, y) {
+        this.path.quadraticCurveTo(cpx, cpy, x, y);
+    }
+    rect(x, y, w, h) {
+        this.path.rect(x, y, w, h);
+    }
+    createImageData(imageDataOrSw, sh) {
+        return null;
+    }
+    createLinearGradient(x0, y0, x1, y1) {
+        throw new Error("不支持createLinearGradient");
+    }
+    createPattern(image, repetition) {
+        throw new Error("不支持createPattern");
+    }
+    createRadialGradient(x0, y0, r0, x1, y1, r1) {
+        throw new Error("不支持createRadialGradient");
+    }
+    createConicGradient(x, y, startAngle, endAngle) {
+        return null;
+    }
+    fill(path, fillRule) {}
+    fillRect(x, y, width, height) {
+        this.path.rect(x, y, width, height);
+    }
+    clearRect(x, y, w, h) {}
+    fillText(text, x, y) {}
+    getImageData(sx, sy, sw, sh) {
+        return null;
+    }
+    getLineDash() {
+        return [];
+    }
+    isPointInPath(x, y) {
+        return this.matrix.transformPoint({
+            x: x,
+            y: y
+        }, globalPoint), (0, util_1.contain)(this.path.commandList, globalPoint.x, globalPoint.y);
+    }
+    isPointInStroke(x, y) {
+        if (!this.lineWidth) return !1;
+        this.matrix.transformPoint({
+            x: x,
+            y: y
+        }, globalPoint);
+        const lineWidth = (0, canvas_utils_1.getScaledStroke)(this, this.lineWidth, this.dpr);
+        return (0, util_1.containStroke)(this.path.commandList, lineWidth, globalPoint.x, globalPoint.y);
+    }
+    measureText(text) {
+        throw new Error("不支持measureText");
+    }
+    putImageData(imagedata, dx, dy) {
+        throw new Error("不支持measureText");
+    }
+    setLineDash(segments) {}
+    stroke(path) {}
+    strokeRect(x, y, width, height) {
+        this.path.rect(x, y, width, height);
+    }
+    strokeText(text, x, y) {}
+    drawImage() {}
+    setCommonStyle(params, attribute, offsetX, offsetY, defaultParams) {}
+    _setCommonStyle(params, offsetX, offsetY, defaultParams) {}
+    setStrokeStyle(params, attribute, offsetX, offsetY, defaultParams) {}
+    _setStrokeStyle(params, offsetX, offsetY, defaultParams) {}
+    setTextStyleWithoutAlignBaseline(params, defaultParams) {}
+    setTextStyle(params, defaultParams) {}
+    draw() {}
+    clearMatrix(setTransform = !0, dpr = this.dpr) {
+        this.setTransformFromMatrix(initMatrix, setTransform, dpr);
+    }
+    onlyTranslate(dpr = this.dpr) {
+        return this.matrix.a === dpr && 0 === this.matrix.b && 0 === this.matrix.c && this.matrix.d === dpr;
+    }
+    release(...params) {
+        this.stack.forEach((m => matrix_allocate_1.matrixAllocate.free(m))), this.stack.length = 0;
+    }
+};
+
+EmptyContext2d = __decorate([ (0, inversify_lite_1.injectable)(), __metadata("design:paramtypes", [ Object, Number ]) ], EmptyContext2d), 
+exports.EmptyContext2d = EmptyContext2d;
+//# sourceMappingURL=empty-context.js.map

package/cjs/canvas/empty-context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/canvas/empty-context.ts"],"names":[],"mappings":"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","file":"empty-context.js","sourcesContent":["import { Matrix } from '@visactor/vutils';\nimport { injectable } from '../common/inversify-lite';\nimport type {\n  ICanvas,\n  ICommonStyleParams,\n  IContext2d,\n  ISetCommonStyleParams,\n  ISetStrokeStyleParams,\n  IStrokeStyleParams,\n  IConicalGradientData,\n  ITextStyleParams\n} from '../interface';\nimport { contain, containStroke } from './util';\nimport { CustomPath2D } from '../common/custom-path2d';\nimport { getScaledStroke } from '../common/canvas-utils';\nimport { matrixAllocate } from '../allocator/matrix-allocate';\n/**\n * 部分源码参考konva\n * MIT License\n\n  Original work Copyright (C) 2011 - 2013 by Eric Rowell (KineticJS)\n  Modified work Copyright (C) 2014 - present by Anton Lavrenov (Konva)\n\n  Permission is hereby granted, free of charge, to any person obtaining a copy\n  of this software and associated documentation files (the \"Software\"), to deal\n  in the Software without restriction, including without limitation the rights\n  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n  copies of the Software, and to permit persons to whom the Software is\n  furnished to do so, subject to the following conditions:\n\n  The above copyright notice and this permission notice shall be included in all\n  copies or substantial portions of the Software.\n\n  THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n  SOFTWARE.\n */\n\n// https://github.com/konvajs/konva/blob/master/src/Context.ts\nconst initMatrix = new Matrix(1, 0, 0, 1, 0, 0);\nconst globalPoint = { x: 0, y: 0 };\n\n@injectable()\nexport class EmptyContext2d implements IContext2d {\n  path: CustomPath2D;\n  canvas: null;\n  stack: Matrix[];\n  protected matrix: Matrix;\n  protected applyedMatrix?: Matrix; // 被应用的matrix\n  // 属性代理\n  fillStyle: string | CanvasGradient | CanvasPattern;\n  /**\n   * @deprecated font方法不建议使用，请使用setTextStyle\n   */\n  font: string;\n  globalAlpha: number;\n  lineCap: string;\n  lineDashOffset: number;\n  lineJoin: string;\n  lineWidth: number;\n  miterLimit: number;\n  shadowBlur: number;\n  shadowColor: string;\n  shadowOffsetX: number;\n  shadowOffsetY: number;\n  strokeStyle: string | CanvasGradient | CanvasPattern;\n  textAlign: string;\n  textBaseline: string;\n  dpr: number;\n\n  get nativeContext(): any {\n    return this.path;\n  }\n\n  constructor(canvas: any, dpr: number) {\n    this.matrix = new Matrix(1, 0, 0, 1, 0, 0);\n    this.stack = [];\n    this.dpr = dpr;\n    this.applyedMatrix = new Matrix(1, 0, 0, 1, 0, 0);\n    this.path = new CustomPath2D();\n  }\n\n  getCanvas(): ICanvas {\n    throw new Error('不支持getCanvas');\n  }\n\n  getContext() {\n    throw new Error('不支持getContext');\n  }\n  /**\n   * 设置当前ctx 的transform信息\n   */\n  setTransformForCurrent(force: boolean = false) {\n    // 只作简单判断\n    if (!force && this.applyedMatrix.equalToMatrix(this.matrix)) {\n      return;\n    }\n\n    this.applyedMatrix = this.cloneMatrix(this.matrix);\n    return;\n  }\n  /**\n   * 获取当前矩阵信息\n   */\n  get currentMatrix() {\n    return this.matrix;\n  }\n\n  cloneMatrix(m: Matrix) {\n    return matrixAllocate.allocateByObj(m);\n  }\n\n  /**\n   * 清空画布\n   */\n  clear() {\n    this.save();\n    this.resetTransform();\n    this.restore();\n  }\n\n  restore() {\n    if (this.stack.length > 0) {\n      matrixAllocate.free(this.matrix);\n      this.matrix = this.stack.pop() as Matrix;\n      this.setTransformForCurrent();\n    }\n  }\n  highPerformanceRestore() {\n    if (this.stack.length > 0) {\n      matrixAllocate.free(this.matrix);\n      this.matrix = this.stack.pop() as Matrix;\n    }\n  }\n\n  /**\n   *\n   * @param angle 弧度数\n   */\n  rotate(rad: number, setTransform: boolean = true) {\n    this.matrix.rotate(rad);\n    setTransform && this.setTransformForCurrent();\n  }\n\n  save() {\n    const matrix = this.cloneMatrix(this.matrix);\n    this.stack.push(matrix);\n  }\n  highPerformanceSave() {\n    const matrix = this.cloneMatrix(this.matrix);\n    this.stack.push(matrix);\n  }\n\n  /**\n   * 基于当前matrix再次scale\n   * @param sx\n   * @param sy\n   * @param setTransform 是否设置transform到context中\n   */\n  scale(sx: number, sy: number, setTransform: boolean = true) {\n    this.matrix.scale(sx, sy);\n    setTransform && this.setTransformForCurrent();\n  }\n  setScale(sx: number, sy: number, setTransform: boolean = true): void {\n    this.matrix.setScale(sx, sy);\n    setTransform && this.setTransformForCurrent();\n  }\n  /**\n   * 基于某个点进行缩放\n   * @param sx\n   * @param sy\n   * @param px\n   * @param py\n   */\n  scalePoint(sx: number, sy: number, px: number, py: number, setTransform: boolean = true) {\n    this.translate(px, py, false);\n    this.scale(sx, sy, false);\n    this.translate(-px, -py, false);\n    setTransform && this.setTransformForCurrent();\n  }\n  /**\n   *\n   * @param a\n   * @param b\n   * @param c\n   * @param d\n   * @param e\n   * @param f\n   * @param setTransform\n   */\n  setTransform(\n    a: number,\n    b: number,\n    c: number,\n    d: number,\n    e: number,\n    f: number,\n    setTransform: boolean = true,\n    dpr: number = this.dpr\n  ) {\n    this.matrix.setValue(dpr * a, dpr * b, dpr * c, dpr * d, dpr * e, dpr * f);\n    setTransform && this.setTransformForCurrent();\n  }\n\n  setTransformFromMatrix(matrix: Matrix, setTransform: boolean = true, dpr: number = this.dpr) {\n    this.matrix.setValue(\n      matrix.a * dpr,\n      matrix.b * dpr,\n      matrix.c * dpr,\n      matrix.d * dpr,\n      matrix.e * dpr,\n      matrix.f * dpr\n    );\n    setTransform && this.setTransformForCurrent();\n  }\n\n  resetTransform(setTransform: boolean = true, dpr: number = this.dpr) {\n    this.setTransform(dpr, 0, 0, dpr, 0, 0);\n    setTransform && this.setTransformForCurrent();\n  }\n\n  // transform(m11: number, m12: number, m21: number, m22: number, dx: number, dy: number): void;\n  transform(a: number, b: number, c: number, d: number, e: number, f: number, setTransform: boolean = true) {\n    this.matrix.multiply(a, b, c, d, e, f);\n    setTransform && this.setTransformForCurrent();\n  }\n  transformFromMatrix(matrix: Matrix, setTransform?: boolean): void {\n    this.matrix.multiply(matrix.a, matrix.b, matrix.c, matrix.d, matrix.e, matrix.f);\n    setTransform && this.setTransformForCurrent();\n  }\n\n  translate(x: number, y: number, setTransform: boolean = true) {\n    this.matrix.translate(x, y);\n    setTransform && this.setTransformForCurrent();\n  }\n  /**\n   * 旋转角度，自动转换为弧度\n   * @param deg 角度数\n   */\n  rotateDegrees(deg: number, setTransform: boolean = true) {\n    const rad = (deg * Math.PI) / 180;\n    this.rotate(rad, setTransform);\n  }\n\n  /**\n   * 绕点旋转\n   * @param rad 弧度\n   * @param x 旋转中心点x\n   * @param y 旋转中心点y\n   */\n  rotateAbout(rad: number, x: number, y: number, setTransform: boolean = true) {\n    this.translate(x, y, false);\n    this.rotate(rad, false);\n    this.translate(-x, -y, false);\n    setTransform && this.setTransformForCurrent();\n  }\n\n  /**\n   * 绕点旋转\n   * @param deg 旋转角度\n   * @param x 旋转中心点x\n   * @param y 旋转中心点y\n   */\n  rotateDegreesAbout(deg: number, x: number, y: number, setTransform: boolean = true) {\n    this.translate(x, y, false);\n    this.rotateDegrees(deg, false);\n    this.translate(-x, -y, false);\n    setTransform && this.setTransformForCurrent();\n  }\n\n  // /**\n  //  * 全局坐标 -> 当前矩阵的局部坐标\n  //  * @param x x\n  //  * @param y y\n  //  */\n  // transformPoint(x: number, y: number): Point {\n  //   const inverseMatrix = this.matrix.getInverse();\n  //   // dpr\n  //   x = x * this.dpr;\n  //   y = y * this.dpr;\n  //   return new Point(\n  //     x * inverseMatrix.a + y * inverseMatrix.c + inverseMatrix.e,\n  //     x * inverseMatrix.b + y * inverseMatrix.d + inverseMatrix.f\n  //   );\n  // }\n\n  // /**\n  //  * 坐标转换\n  //  * @param x x\n  //  * @param y y\n  //  */\n  // transformPoint2(x: number, y: number): Point {\n  //   const inverseMatrix = this.matrix;\n  //   return new Point(\n  //     x * inverseMatrix.a + y * inverseMatrix.c + inverseMatrix.e,\n  //     x * inverseMatrix.b + y * inverseMatrix.d + inverseMatrix.f\n  //   );\n  // }\n\n  // transformPoint3(x: number, y: number, matrix: Matrix): Point {\n  //   // dpr\n  //   x = x * this.dpr;\n  //   y = y * this.dpr;\n  //   return new Point(x * matrix.a + y * matrix.c + matrix.e, x * matrix.b + y * matrix.d + matrix.f);\n  // }\n\n  //////// 代理方法\n  // isPointInStroke ,drawFocusIfNeeded 方法没有代理，如有需要再添加\n\n  beginPath() {\n    this.path.clear();\n  }\n\n  clip(fillRule?: CanvasFillRule): void;\n  clip(path: Path2D, fillRule?: CanvasFillRule): void;\n  clip(path?: Path2D | CanvasFillRule, fillRule?: CanvasFillRule) {\n    return;\n  }\n\n  arc(x: number, y: number, radius: number, startAngle: number, endAngle: number, anticlockwise?: boolean) {\n    this.path.arc(x, y, radius, startAngle, endAngle, anticlockwise);\n  }\n\n  arcTo(x1: number, y1: number, x2: number, y2: number, radius: number): void;\n  arcTo(x1: number, y1: number, x2: number, y2: number, radiusX: number) {\n    this.path.arcTo(x1, y1, x2, y2, radiusX);\n  }\n\n  bezierCurveTo(cp1x: number, cp1y: number, cp2x: number, cp2y: number, x: number, y: number) {\n    this.path.bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y);\n  }\n\n  closePath() {\n    this.path.closePath();\n  }\n\n  ellipse(\n    x: number,\n    y: number,\n    radiusX: number,\n    radiusY: number,\n    rotation: number,\n    startAngle: number,\n    endAngle: number,\n    anticlockwise?: boolean\n  ) {\n    return;\n  }\n  lineTo(x: number, y: number) {\n    this.path.lineTo(x, y);\n  }\n\n  moveTo(x: number, y: number) {\n    this.path.moveTo(x, y);\n  }\n\n  quadraticCurveTo(cpx: number, cpy: number, x: number, y: number) {\n    this.path.quadraticCurveTo(cpx, cpy, x, y);\n  }\n\n  rect(x: number, y: number, w: number, h: number) {\n    this.path.rect(x, y, w, h);\n  }\n\n  createImageData(imageDataOrSw: number | ImageData, sh?: number): ImageData {\n    return null;\n  }\n\n  createLinearGradient(x0: number, y0: number, x1: number, y1: number): CanvasGradient {\n    throw new Error('不支持createLinearGradient');\n  }\n\n  createPattern(image: HTMLImageElement | HTMLCanvasElement | HTMLVideoElement, repetition: string): CanvasPattern {\n    throw new Error('不支持createPattern');\n  }\n\n  createRadialGradient(x0: number, y0: number, r0: number, x1: number, y1: number, r1: number): CanvasGradient {\n    throw new Error('不支持createRadialGradient');\n  }\n\n  createConicGradient(x: number, y: number, startAngle: number, endAngle: number): IConicalGradientData {\n    return null;\n  }\n\n  // createConicGradient(x: number, y: number, startAngle: number, endAngle: number): IConicalGradient | null {\n  //   // let edit = false;\n  //   // let pattern: CanvasPattern | null;\n  //   // // eslint-disable-next-line @typescript-eslint/no-this-alias\n  //   // const ctx = this;\n  //   // const obj: IConicalGradient = {\n  //   //   stops: [],\n  //   //   addColorStop(offset: number, color: string) {\n  //   //     this.stops.push([offset, color]);\n  //   //     edit = true;\n  //   //   },\n  //   //   GetPattern(minW: number, minH: number, deltaAngle?: number): CanvasPattern | null {\n  //   //     if (edit) {\n  //   //       if (!deltaAngle) deltaAngle = endAngle - startAngle;\n  //   //       pattern = createConicalGradient(ctx, this.stops, x, y, deltaAngle, startAngle, endAngle, minW, minH);\n  //   //       edit = false;\n  //   //     }\n  //   //     return pattern;\n  //   //   }\n  //   // };\n  //   // return obj;\n  // }\n\n  // fill(fillRule?: CanvasFillRule): void;\n  // fill(path?: Path2D, fillRule?: CanvasFillRule): void;\n  fill(path?: Path2D, fillRule?: CanvasFillRule) {\n    return;\n  }\n\n  fillRect(x: number, y: number, width: number, height: number) {\n    this.path.rect(x, y, width, height);\n  }\n\n  clearRect(x: number, y: number, w: number, h: number) {\n    return;\n  }\n\n  fillText(text: string, x: number, y: number) {\n    return;\n  }\n\n  getImageData(sx: number, sy: number, sw: number, sh: number): ImageData {\n    return null;\n  }\n\n  getLineDash(): number[] {\n    return [];\n  }\n\n  isPointInPath(x: number, y: number) {\n    this.matrix.transformPoint({ x, y }, globalPoint);\n    return contain(this.path.commandList, globalPoint.x, globalPoint.y);\n  }\n\n  isPointInStroke(x: number, y: number) {\n    if (!this.lineWidth) {\n      return false;\n    }\n    this.matrix.transformPoint({ x, y }, globalPoint);\n    const lineWidth = getScaledStroke(this, this.lineWidth, this.dpr);\n    return containStroke(this.path.commandList, lineWidth, globalPoint.x, globalPoint.y);\n  }\n\n  measureText(text: string): { width: number } {\n    throw new Error('不支持measureText');\n  }\n\n  putImageData(imagedata: ImageData, dx: number, dy: number) {\n    throw new Error('不支持measureText');\n  }\n\n  setLineDash(segments: number[]) {\n    return;\n  }\n\n  stroke(path?: Path2D) {\n    return;\n  }\n\n  strokeRect(x: number, y: number, width: number, height: number) {\n    this.path.rect(x, y, width, height);\n  }\n\n  strokeText(text: string, x: number, y: number) {\n    return;\n  }\n\n  drawImage(\n    image: HTMLImageElement | HTMLCanvasElement | HTMLVideoElement | ImageBitmap,\n    dstX: number,\n    dstY: number\n  ): void;\n  drawImage(\n    image: HTMLImageElement | HTMLCanvasElement | HTMLVideoElement | ImageBitmap,\n    dstX: number,\n    dstY: number,\n    dstW: number,\n    dstH: number\n  ): void;\n  drawImage(\n    image: HTMLImageElement | HTMLCanvasElement | HTMLVideoElement | ImageBitmap,\n    srcX: number,\n    srcY: number,\n    srcW: number,\n    srcH: number,\n    dstX: number,\n    dstY: number,\n    dstW: number,\n    dstH: number\n  ): void;\n\n  drawImage() {\n    return;\n  }\n\n  setCommonStyle(\n    params: ISetCommonStyleParams,\n    attribute: ICommonStyleParams,\n    offsetX: number,\n    offsetY: number,\n    defaultParams?: ICommonStyleParams | Partial<ICommonStyleParams>[]\n  ) {\n    return;\n  }\n\n  _setCommonStyle(params: ISetCommonStyleParams, offsetX: number, offsetY: number, defaultParams?: ICommonStyleParams) {\n    return;\n  }\n\n  setStrokeStyle(\n    params: ISetStrokeStyleParams,\n    attribute: IStrokeStyleParams,\n    offsetX: number,\n    offsetY: number,\n    defaultParams?: IStrokeStyleParams | IStrokeStyleParams[]\n  ) {\n    return;\n  }\n  _setStrokeStyle(params: ISetStrokeStyleParams, offsetX: number, offsetY: number, defaultParams?: IStrokeStyleParams) {\n    return;\n  }\n  setTextStyleWithoutAlignBaseline(params: Partial<ITextStyleParams>, defaultParams?: ITextStyleParams) {\n    return;\n  }\n  setTextStyle(params: Partial<ITextStyleParams>, defaultParams?: ITextStyleParams) {\n    return;\n  }\n\n  draw() {\n    return;\n  }\n\n  clearMatrix(setTransform: boolean = true, dpr: number = this.dpr) {\n    this.setTransformFromMatrix(initMatrix, setTransform, dpr);\n  }\n\n  onlyTranslate(dpr: number = this.dpr): boolean {\n    return this.matrix.a === dpr && this.matrix.b === 0 && this.matrix.c === 0 && this.matrix.d === dpr;\n  }\n\n  release(...params: any): void {\n    this.stack.forEach(m => matrixAllocate.free(m));\n    this.stack.length = 0;\n    return;\n  }\n}\n"]}

package/cjs/canvas/index.d.ts

@@ -0,0 +1,4 @@
+export * from './constants';
+export * from './empty-context';
+export * from './contributions/base-canvas';
+export * from './conical-gradient';

package/cjs/canvas/index.js

@@ -0,0 +1,22 @@
+"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("./constants"), exports), __exportStar(require("./empty-context"), exports), 
+__exportStar(require("./contributions/base-canvas"), exports), __exportStar(require("./conical-gradient"), exports);
+//# sourceMappingURL=index.js.map

package/cjs/canvas/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/canvas/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA4B;AAC5B,kDAAgC;AAChC,8DAA4C;AAC5C,qDAAmC","file":"index.js","sourcesContent":["export * from './constants';\nexport * from './empty-context';\nexport * from './contributions/base-canvas';\nexport * from './conical-gradient';\n"]}