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

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

@@ -0,0 +1,17 @@
+import { BaseCanvas } from '@visactor/vrender-core';
+import type { CanvasConfigType, ICanvas, EnvType } from '@visactor/vrender-core';
+export declare class BrowserCanvas extends BaseCanvas implements ICanvas {
+    static env: EnvType;
+    constructor(params: CanvasConfigType);
+    init(params: CanvasConfigType): void;
+    protected initStyle(): void;
+    hide(): void;
+    show(): void;
+    applyPosition(): void;
+    resetStyle(params: Partial<CanvasConfigType>): void;
+    private setCanvasStyle;
+    toDataURL(): string;
+    toDataURL(mimeType: 'image/png'): string;
+    toDataURL(mimeType: 'image/jpeg', quality: number): string;
+    resize(width: number, height: number): void;
+}

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

@@ -0,0 +1,73 @@
+"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.BrowserCanvas = void 0;
+
+const vrender_core_1 = require("@visactor/vrender-core"), context_1 = require("./context");
+
+let BrowserCanvas = class extends vrender_core_1.BaseCanvas {
+    constructor(params) {
+        super(params);
+    }
+    init(params) {
+        const {container: container} = params;
+        if ("string" == typeof container) {
+            const _c = vrender_core_1.application.global.getElementById(container);
+            _c && (this._container = _c);
+        } else this._container = container;
+        this._context = new context_1.BrowserContext2d(this, this._dpr), this.initStyle();
+    }
+    initStyle() {
+        if (!this.controled) return;
+        const {nativeCanvas: nativeCanvas} = this;
+        nativeCanvas.width = this._pixelWidth, nativeCanvas.height = this._pixelHeight;
+        !nativeCanvas.style || this.setCanvasStyle(nativeCanvas, this._x, this._y, this._displayWidth, this._displayHeight), 
+        null != this.id && (nativeCanvas.id = this.id.toString()), this._container && this._container.appendChild(nativeCanvas), 
+        this.visiable || this.hide();
+    }
+    hide() {
+        this._nativeCanvas && (this._nativeCanvas.style.display = "none");
+    }
+    show() {
+        this._nativeCanvas && (this._nativeCanvas.style.display = "block");
+    }
+    applyPosition() {
+        const canvas = this._nativeCanvas;
+        canvas.style.position = "absolute", canvas.style.top = `${this._y}px`, canvas.style.left = `${this._x}px`;
+    }
+    resetStyle(params) {
+        if (!this.controled) return;
+        const {width: width = this._displayWidth, height: height = this._displayHeight, dpr: dpr = this._dpr, x: x = this._x, y: y = this._y} = params, {nativeCanvas: nativeCanvas} = this;
+        nativeCanvas.width = width * dpr, nativeCanvas.height = height * dpr;
+        !nativeCanvas.style || this.setCanvasStyle(nativeCanvas, x, y, width, height), params.id && (nativeCanvas.id = params.id), 
+        this.visiable || this.hide();
+    }
+    setCanvasStyle(canvas, x, y, w, h) {
+        this.controled && (canvas.style.padding = "0", canvas.style.margin = "0", canvas.style.border = "0", 
+        canvas.style.background = "transparent", canvas.style.width = `${w}px`, canvas.style.height = `${h}px`);
+    }
+    toDataURL(mimeType, quality) {
+        return "image/jpeg" === mimeType ? this._nativeCanvas.toDataURL(mimeType, quality) : "image/png" === mimeType ? this._nativeCanvas.toDataURL(mimeType) : this._nativeCanvas.toDataURL(mimeType, quality);
+    }
+    resize(width, height) {
+        if (!this.controled) return;
+        this._pixelWidth = width * this._dpr, this._pixelHeight = height * this._dpr, this._displayWidth = width, 
+        this._displayHeight = height, this._nativeCanvas.style && (this._nativeCanvas.style.width = `${width}px`, 
+        this._nativeCanvas.style.height = `${height}px`), this._nativeCanvas.width = this._pixelWidth, 
+        this._nativeCanvas.height = this._pixelHeight;
+        this._context.dpr = this._dpr;
+    }
+};
+
+BrowserCanvas.env = "browser", BrowserCanvas = __decorate([ (0, vrender_core_1.injectable)(), __metadata("design:paramtypes", [ Object ]) ], BrowserCanvas), 
+exports.BrowserCanvas = BrowserCanvas;
+//# sourceMappingURL=canvas.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/canvas/contributions/browser/canvas.ts"],"names":[],"mappings":"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","file":"canvas.js","sourcesContent":["import { injectable, application, BaseCanvas } from '@visactor/vrender-core';\nimport type { CanvasConfigType, ICanvas, EnvType } from '@visactor/vrender-core';\nimport { BrowserContext2d } from './context';\n\n@injectable()\nexport class BrowserCanvas extends BaseCanvas implements ICanvas {\n  static env: EnvType = 'browser';\n\n  /**\n   * 通过canvas生成一个wrap对象，初始化时不会再设置canvas的属性\n   * @param params\n   */\n  constructor(params: CanvasConfigType) {\n    super(params);\n  }\n\n  init(params: CanvasConfigType) {\n    const { container } = params;\n    if (typeof container === 'string') {\n      const _c = application.global.getElementById(container);\n      if (_c) {\n        this._container = _c;\n      }\n    } else {\n      this._container = container;\n    }\n    this._context = new BrowserContext2d(this, this._dpr);\n    this.initStyle();\n  }\n\n  protected initStyle() {\n    if (!this.controled) {\n      return;\n    }\n    const { nativeCanvas } = this;\n    nativeCanvas.width = this._pixelWidth;\n    nativeCanvas.height = this._pixelHeight;\n\n    const isOffscreen = !nativeCanvas.style;\n    if (!isOffscreen) {\n      this.setCanvasStyle(nativeCanvas, this._x, this._y, this._displayWidth, this._displayHeight);\n    }\n    if (this.id != null) {\n      nativeCanvas.id = this.id.toString();\n    }\n    if (this._container) {\n      this._container.appendChild(nativeCanvas);\n    }\n    if (!this.visiable) {\n      this.hide();\n    }\n  }\n\n  hide() {\n    this._nativeCanvas && (this._nativeCanvas.style.display = 'none');\n  }\n  show() {\n    this._nativeCanvas && (this._nativeCanvas.style.display = 'block');\n  }\n\n  applyPosition() {\n    const canvas = this._nativeCanvas;\n    canvas.style.position = 'absolute';\n    canvas.style.top = `${this._y}px`;\n    canvas.style.left = `${this._x}px`;\n  }\n\n  resetStyle(params: Partial<CanvasConfigType>) {\n    if (!this.controled) {\n      return;\n    }\n    const {\n      width = this._displayWidth,\n      height = this._displayHeight,\n      dpr = this._dpr,\n      x = this._x,\n      y = this._y\n    } = params;\n    const { nativeCanvas } = this;\n    nativeCanvas.width = width * dpr;\n    nativeCanvas.height = height * dpr;\n\n    const isOffscreen = !nativeCanvas.style;\n    if (!isOffscreen) {\n      this.setCanvasStyle(nativeCanvas, x, y, width, height);\n    }\n    params.id && (nativeCanvas.id = params.id);\n    if (!this.visiable) {\n      this.hide();\n    }\n    // this._context.setScale(dpr, dpr);\n  }\n\n  private setCanvasStyle(canvas: HTMLCanvasElement, x: number, y: number, w: number, h: number) {\n    if (!this.controled) {\n      return;\n    }\n    canvas.style.padding = '0';\n    canvas.style.margin = '0';\n    canvas.style.border = '0';\n    canvas.style.background = 'transparent';\n    // canvas.style.position = 'absolute';\n    // canvas.style.top = `${y}px`;\n    // canvas.style.left = `${x}px`;\n\n    canvas.style.width = `${w}px`;\n    canvas.style.height = `${h}px`;\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    if (mimeType === 'image/jpeg') {\n      return this._nativeCanvas.toDataURL(mimeType, quality);\n    } else if (mimeType === 'image/png') {\n      return this._nativeCanvas.toDataURL(mimeType);\n    }\n    return this._nativeCanvas.toDataURL(mimeType, quality);\n  }\n\n  /**\n   * 设置canvas的size大小，设置context的scale\n   * @param width\n   * @param height\n   */\n  resize(width: number, height: number) {\n    if (!this.controled) {\n      return;\n    }\n    // 设置Canvas的w和h\n    this._pixelWidth = width * this._dpr;\n    this._pixelHeight = height * this._dpr;\n    this._displayWidth = width;\n    this._displayHeight = height;\n    // 可能是离屏canvas\n    if (this._nativeCanvas.style) {\n      this._nativeCanvas.style.width = `${width}px`;\n      this._nativeCanvas.style.height = `${height}px`;\n    }\n    this._nativeCanvas.width = this._pixelWidth;\n    this._nativeCanvas.height = this._pixelHeight;\n\n    // 设置context的dpr\n    const _context = this._context;\n    _context.dpr = this._dpr;\n    // _context.setScale(this._dpr, this._dpr);\n  }\n}\n"]}

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

@@ -0,0 +1,176 @@
+import type { IPointLike, TextMeasure, ITextMeasureSpec } from '@visactor/vutils';
+import { Matrix } from '@visactor/vutils';
+import type { ICamera, ICanvas, ICommonStyleParams, IConicalGradientData, IContext2d, ISetCommonStyleParams, ISetStrokeStyleParams, IStrokeStyleParams, ITextStyleParams, mat4, EnvType, vec3 } from '@visactor/vrender-core';
+export declare class BrowserContext2d implements IContext2d {
+    static env: EnvType;
+    drawPromise?: Promise<any>;
+    mathTextMeasure: TextMeasure<ITextMeasureSpec>;
+    canvas: ICanvas;
+    camera?: ICamera;
+    modelMatrix?: mat4;
+    nativeContext: CanvasRenderingContext2D | any;
+    _inuse: boolean;
+    stack: Matrix[];
+    disableFill?: boolean;
+    disableStroke?: boolean;
+    disableBeginPath?: boolean;
+    protected matrix: Matrix;
+    protected applyedMatrix?: Matrix;
+    fontFamily: string;
+    fontSize: number;
+    set fillStyle(d: string | CanvasGradient | CanvasPattern);
+    get fillStyle(): string | CanvasGradient | CanvasPattern;
+    set font(d: string);
+    get font(): string;
+    set globalAlpha(d: number);
+    get globalAlpha(): number;
+    set lineCap(d: CanvasLineCap);
+    get lineCap(): CanvasLineCap;
+    set lineDashOffset(d: number);
+    get lineDashOffset(): number;
+    set lineJoin(d: CanvasLineJoin);
+    get lineJoin(): CanvasLineJoin;
+    set lineWidth(d: number);
+    get lineWidth(): number;
+    set miterLimit(d: number);
+    get miterLimit(): number;
+    set shadowBlur(d: number);
+    get shadowBlur(): number;
+    set shadowColor(d: string);
+    get shadowColor(): string;
+    set shadowOffsetX(d: number);
+    get shadowOffsetX(): number;
+    set shadowOffsetY(d: number);
+    get shadowOffsetY(): number;
+    set strokeStyle(d: string | CanvasGradient | CanvasPattern);
+    get strokeStyle(): string | CanvasGradient | CanvasPattern;
+    set textAlign(d: CanvasTextAlign);
+    get textAlign(): CanvasTextAlign;
+    set textBaseline(d: CanvasTextBaseline);
+    get textBaseline(): CanvasTextBaseline;
+    get inuse(): boolean;
+    set inuse(use: boolean);
+    dpr: number;
+    constructor(canvas: ICanvas, dpr: number);
+    reset(): void;
+    getCanvas(): ICanvas;
+    getContext(): any;
+    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, z?: number): 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, z?: 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, z: number): void;
+    moveTo(x: number, y: number, z: number): void;
+    quadraticCurveTo(cpx: number, cpy: number, x: number, y: number, z: number): void;
+    rect(x: number, y: number, w: number, h: number, z: number): void;
+    createImageData(imageDataOrSw: number | ImageData, sh?: number): ImageData;
+    createLinearGradient(x0: number, y0: number, x1: number, y1: number): any;
+    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;
+    project(x: number, y: number, z: number): IPointLike;
+    view(x: number, y: number, z: number): vec3;
+    fillText(text: string, x: number, y: number, z: number): void;
+    getImageData(sx: number, sy: number, sw: number, sh: number): ImageData;
+    getLineDash(): number[];
+    isPointInPath(x: number, y: number): any;
+    isPointInStroke(x: number, y: number): any;
+    measureText(text: string, method?: 'native' | 'simple' | 'quick'): {
+        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, z: 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;
+    protected fillAttributes: {
+        opacity: number;
+        fillOpacity: number;
+        shadowBlur: number;
+        shadowColor: string;
+        shadowOffsetX: number;
+        shadowOffsetY: number;
+        fill: import("@visactor/vrender-core").IFillType;
+    };
+    protected strokeAttributes: {
+        opacity: number;
+        outerBorder: Partial<import("@visactor/vrender-core").IBorderStyle>;
+        innerBorder: Partial<import("@visactor/vrender-core").IBorderStyle>;
+        strokeOpacity: number;
+        lineDash: number[];
+        lineDashOffset: number;
+        lineWidth: number;
+        lineCap: CanvasLineCap;
+        lineJoin: CanvasLineJoin;
+        miterLimit: number;
+        strokeBoundsBuffer: number;
+        stroke: import("@visactor/vrender-core").IStrokeType | import("@visactor/vrender-core").IStrokeType[];
+    };
+    protected textAttributes: {
+        opacity: number;
+        text: string | number | number[] | string[];
+        maxLineWidth: number;
+        textAlign: import("@visactor/vrender-core").TextAlignType;
+        textBaseline: import("@visactor/vrender-core").TextBaselineType;
+        fontSize: number;
+        fontFamily: string;
+        fontWeight: string | number;
+        ellipsis: string | boolean;
+        fontVariant: string;
+        fontStyle: string;
+        lineHeight: number;
+        underline: number;
+        lineThrough: number;
+        scaleIn3d: boolean;
+        direction: "horizontal" | "vertical";
+        verticalMode: number;
+        wordBreak: "break-word" | "break-all";
+        ignoreBuf: boolean;
+    };
+    setCommonStyle(params: ISetCommonStyleParams, attribute: ICommonStyleParams, offsetX: number, offsetY: number, defaultParams?: ICommonStyleParams | Partial<ICommonStyleParams>[]): void;
+    protected _setCommonStyle(params: ISetCommonStyleParams, attribute: ICommonStyleParams, offsetX: number, offsetY: number, defaultParams?: ICommonStyleParams): void;
+    setShadowBlendStyle(params: ISetCommonStyleParams, attribute: ICommonStyleParams, defaultParams?: ICommonStyleParams | Partial<ICommonStyleParams>[]): void;
+    protected _clearShadowStyle: boolean;
+    protected _clearFilterStyle: boolean;
+    protected _clearGlobalCompositeOperationStyle: boolean;
+    protected _setShadowBlendStyle(params: ISetCommonStyleParams, attribute: ICommonStyleParams, defaultParams?: ICommonStyleParams): void;
+    setStrokeStyle(params: ISetStrokeStyleParams, attribute: IStrokeStyleParams, offsetX: number, offsetY: number, defaultParams?: IStrokeStyleParams | IStrokeStyleParams[]): void;
+    protected _setStrokeStyle(params: ISetStrokeStyleParams, attribute: IStrokeStyleParams, offsetX: number, offsetY: number, defaultParams?: IStrokeStyleParams): void;
+    setTextStyleWithoutAlignBaseline(params: Partial<ITextStyleParams>, defaultParams?: ITextStyleParams, z?: number): void;
+    setTextStyle(params: Partial<ITextStyleParams>, defaultParams?: ITextStyleParams, z?: number): void;
+    draw(): void;
+    clearMatrix(setTransform?: boolean, dpr?: number): void;
+    onlyTranslate(dpr?: number): boolean;
+    release(...params: any): void;
+}