@visactor/vrender-kits 0.21.2-alpha.1 → 0.21.2-vstory.2

package/cjs/render/contributions/canvas/lottie-render.js

@@ -0,0 +1,40 @@
+"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.DefaultCanvasLottieRender = void 0;
+
+const vrender_core_1 = require("@visactor/vrender-core"), constants_1 = require("../../../graphic/constants");
+
+let DefaultCanvasLottieRender = class extends vrender_core_1.DefaultCanvasRectRender {
+    constructor() {
+        super(...arguments), this.numberType = constants_1.LOTTIE_NUMBER_TYPE;
+    }
+    drawShape(lottie, context, x, y, drawContext, params, fillCb, strokeCb) {
+        const _fillCb = fillCb || (() => this._drawShape.call(this, lottie, context, x, y, drawContext, params));
+        super.drawShape(lottie, context, x, y, drawContext, params, _fillCb, strokeCb);
+    }
+    _drawShape(lottie, context, x, y, drawContext, params) {
+        var _a;
+        const lottieAttribute = null !== (_a = this.tempTheme) && void 0 !== _a ? _a : (0, 
+        vrender_core_1.getTheme)(lottie, null == params ? void 0 : params.theme).rect, {x: originX = lottieAttribute.x, y: originY = lottieAttribute.y} = lottie.attribute;
+        context.setCommonStyle(lottie, lottie.attribute, originX - x, originY - y, lottieAttribute);
+        const canvas = lottie.canvas;
+        if (canvas) {
+            const pattern = context.createPattern(canvas, "no-repeat"), dpr = context.dpr;
+            pattern.setTransform && pattern.setTransform(new DOMMatrix([ 1 / dpr, 0, 0, 1 / dpr, x, y ])), 
+            context.fillStyle = pattern;
+        }
+        context.fill();
+    }
+};
+
+DefaultCanvasLottieRender = __decorate([ (0, vrender_core_1.injectable)() ], DefaultCanvasLottieRender), 
+exports.DefaultCanvasLottieRender = DefaultCanvasLottieRender;
+//# sourceMappingURL=lottie-render.js.map

package/cjs/render/contributions/canvas/lottie-render.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/render/contributions/canvas/lottie-render.ts"],"names":[],"mappings":";;;;;;;;;AASA,yDAAuF;AACvF,0DAAgE;AAIzD,IAAM,yBAAyB,GAA/B,MAAM,yBAA0B,SAAQ,sCAAuB;IAA/D;;QAEL,eAAU,GAAW,8BAAkB,CAAC;IA8C1C,CAAC;IA5CC,SAAS,CACP,MAAe,EACf,OAAmB,EACnB,CAAS,EACT,CAAS,EACT,WAAyB,EACzB,MAAiC,EACjC,MAIY,EACZ,QAIY;QAEZ,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC;QACzG,KAAK,CAAC,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC;IACjF,CAAC;IAED,UAAU,CACR,MAAe,EACf,OAAmB,EACnB,CAAS,EACT,CAAS,EACT,WAAyB,EACzB,MAAiC;;QAEjC,MAAM,eAAe,GAAG,MAAA,IAAI,CAAC,SAAS,mCAAI,IAAA,uBAAQ,EAAC,MAAM,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,CAAC,CAAC,IAAI,CAAC;QAC/E,MAAM,EAAE,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC,CAAC,EAAE,GAAG,MAAM,CAAC,SAAS,CAAC;QAC5F,OAAO,CAAC,cAAc,CAAC,MAAM,EAAE,MAAM,CAAC,SAAS,EAAE,OAAO,GAAG,CAAC,EAAE,OAAO,GAAG,CAAC,EAAE,eAAe,CAAC,CAAC;QAE5F,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;QAC7B,IAAI,MAAM,EAAE;YAEV,MAAM,OAAO,GAAG,OAAO,CAAC,aAAa,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;YAC3D,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC;YACxB,OAAO,CAAC,YAAY,IAAI,OAAO,CAAC,YAAY,CAAC,IAAI,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;YAC5F,OAAO,CAAC,SAAS,GAAG,OAAO,CAAC;SAC7B;QACD,OAAO,CAAC,IAAI,EAAE,CAAC;IACjB,CAAC;CACF,CAAA;AAhDY,yBAAyB;IADrC,IAAA,yBAAU,GAAE;GACA,yBAAyB,CAgDrC;AAhDY,8DAAyB","file":"lottie-render.js","sourcesContent":["import type {\n  IContext2d,\n  IDrawContext,\n  IGraphicAttribute,\n  IGraphicRender,\n  IGraphicRenderDrawParams,\n  IMarkAttribute,\n  IThemeAttribute\n} from '@visactor/vrender-core';\nimport { DefaultCanvasRectRender, getTheme, injectable } from '@visactor/vrender-core';\nimport { LOTTIE_NUMBER_TYPE } from '../../../graphic/constants';\nimport type { ILottie } from '../../../graphic/interface/lottie';\n\n@injectable()\nexport class DefaultCanvasLottieRender extends DefaultCanvasRectRender implements IGraphicRender {\n  type: 'glyph';\n  numberType: number = LOTTIE_NUMBER_TYPE;\n\n  drawShape(\n    lottie: ILottie,\n    context: IContext2d,\n    x: number,\n    y: number,\n    drawContext: IDrawContext,\n    params?: IGraphicRenderDrawParams,\n    fillCb?: (\n      ctx: IContext2d,\n      markAttribute: Partial<IMarkAttribute & IGraphicAttribute>,\n      themeAttribute: IThemeAttribute\n    ) => boolean,\n    strokeCb?: (\n      ctx: IContext2d,\n      markAttribute: Partial<IMarkAttribute & IGraphicAttribute>,\n      themeAttribute: IThemeAttribute\n    ) => boolean\n  ): void {\n    const _fillCb = fillCb || (() => this._drawShape.call(this, lottie, context, x, y, drawContext, params));\n    super.drawShape(lottie, context, x, y, drawContext, params, _fillCb, strokeCb);\n  }\n\n  _drawShape(\n    lottie: ILottie,\n    context: IContext2d,\n    x: number,\n    y: number,\n    drawContext: IDrawContext,\n    params?: IGraphicRenderDrawParams\n  ): void {\n    const lottieAttribute = this.tempTheme ?? getTheme(lottie, params?.theme).rect;\n    const { x: originX = lottieAttribute.x, y: originY = lottieAttribute.y } = lottie.attribute;\n    context.setCommonStyle(lottie, lottie.attribute, originX - x, originY - y, lottieAttribute);\n    // 设置pattern，绘制lottie\n    const canvas = lottie.canvas;\n    if (canvas) {\n      // const _ctx = canvas.getContext('2d');\n      const pattern = context.createPattern(canvas, 'no-repeat');\n      const dpr = context.dpr;\n      pattern.setTransform && pattern.setTransform(new DOMMatrix([1 / dpr, 0, 0, 1 / dpr, x, y]));\n      context.fillStyle = pattern;\n    }\n    context.fill();\n  }\n}\n"]}