UNPKG

@visactor/vrender-kits

Version:

```typescript import { xxx } from '@visactor/vrender-kits'; ```

37 lines (31 loc) 2.1 kB
var __decorate = this && this.__decorate || function(decorators, target, key, desc) { var d, c = arguments.length, r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc; if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc); else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r); return c > 3 && r && Object.defineProperty(target, key, r), r; }; import { DefaultCanvasRectRender, getTheme, injectable } from "@visactor/vrender-core"; import { LOTTIE_NUMBER_TYPE } from "../../../graphic/constants"; let DefaultCanvasLottieRender = class extends DefaultCanvasRectRender { constructor() { super(...arguments), this.numberType = 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 : 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([ injectable() ], DefaultCanvasLottieRender); export { DefaultCanvasLottieRender }; //# sourceMappingURL=lottie-render.js.map