UNPKG

@visactor/vrender-kits

Version:

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

76 lines (70 loc) 5.66 kB
"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); }, __param = this && this.__param || function(paramIndex, decorator) { return function(target, key) { decorator(target, key, paramIndex); }; }, __importDefault = this && this.__importDefault || function(mod) { return mod && mod.__esModule ? mod : { default: mod }; }; Object.defineProperty(exports, "__esModule", { value: !0 }), exports.RoughCanvasArcRender = void 0; const vrender_core_1 = require("@visactor/vrender-core"), roughjs_1 = __importDefault(require("roughjs")), config_1 = require("./config"), base_render_1 = require("./base-render"); let RoughCanvasArcRender = class extends base_render_1.RoughBaseRender { constructor(canvasRenderer) { super(), this.canvasRenderer = canvasRenderer, this.style = "rough", this.type = "arc", this.numberType = vrender_core_1.ARC_NUMBER_TYPE; } draw(arc, renderService, drawContext, params) { const {context: context} = drawContext; if (!context) return; const canvas = context.canvas.nativeCanvas, rc = roughjs_1.default.canvas(canvas); context.highPerformanceSave(); const arcAttribute = arc.getGraphicTheme(); let {x: x = arcAttribute.x, y: y = arcAttribute.y} = arc.attribute; if (arc.transMatrix.onlyTranslate()) { const {dx: dx = arcAttribute.dx, dy: dy = arcAttribute.dy} = arc.attribute; x += dx, y += dy, context.setTransformForCurrent(); } else x = 0, y = 0, context.transformFromMatrix(arc.transMatrix, !0); const customPath = new vrender_core_1.CustomPath2D, {fill: fill = arcAttribute.fill, stroke: stroke = arcAttribute.stroke, lineWidth: lineWidth = arcAttribute.lineWidth, outerRadius: outerRadius = arcAttribute.outerRadius, innerRadius: innerRadius = arcAttribute.innerRadius, maxRandomnessOffset: maxRandomnessOffset = config_1.defaultRouthThemeSpec.maxRandomnessOffset, roughness: roughness = config_1.defaultRouthThemeSpec.roughness, bowing: bowing = config_1.defaultRouthThemeSpec.bowing, curveFitting: curveFitting = config_1.defaultRouthThemeSpec.curveFitting, curveTightness: curveTightness = config_1.defaultRouthThemeSpec.curveTightness, curveStepCount: curveStepCount = config_1.defaultRouthThemeSpec.curveStepCount, fillStyle: fillStyle = config_1.defaultRouthThemeSpec.fillStyle, fillWeight: fillWeight = config_1.defaultRouthThemeSpec.fillWeight, hachureAngle: hachureAngle = config_1.defaultRouthThemeSpec.hachureAngle, hachureGap: hachureGap = config_1.defaultRouthThemeSpec.hachureGap, simplification: simplification = config_1.defaultRouthThemeSpec.simplification, dashOffset: dashOffset = config_1.defaultRouthThemeSpec.dashOffset, dashGap: dashGap = config_1.defaultRouthThemeSpec.dashGap, zigzagOffset: zigzagOffset = config_1.defaultRouthThemeSpec.zigzagOffset, seed: seed = config_1.defaultRouthThemeSpec.seed, fillLineDash: fillLineDash = config_1.defaultRouthThemeSpec.fillLineDash, fillLineDashOffset: fillLineDashOffset = config_1.defaultRouthThemeSpec.fillLineDashOffset, disableMultiStroke: disableMultiStroke = config_1.defaultRouthThemeSpec.disableMultiStroke, disableMultiStrokeFill: disableMultiStrokeFill = config_1.defaultRouthThemeSpec.disableMultiStrokeFill, preserveVertices: preserveVertices = config_1.defaultRouthThemeSpec.preserveVertices, fixedDecimalPlaceDigits: fixedDecimalPlaceDigits = config_1.defaultRouthThemeSpec.fixedDecimalPlaceDigits} = arc.attribute; (0, vrender_core_1.drawArcPath)(arc, customPath, x, y, outerRadius, innerRadius), rc.path(customPath.toString(), { fill: fill || void 0, stroke: stroke || void 0, strokeWidth: lineWidth, maxRandomnessOffset: maxRandomnessOffset, roughness: roughness, bowing: bowing, curveFitting: curveFitting, curveTightness: curveTightness, curveStepCount: curveStepCount, fillStyle: fillStyle, fillWeight: fillWeight, hachureAngle: hachureAngle, hachureGap: hachureGap, simplification: simplification, dashOffset: dashOffset, dashGap: dashGap, zigzagOffset: zigzagOffset, seed: seed, fillLineDash: fillLineDash, fillLineDashOffset: fillLineDashOffset, disableMultiStroke: disableMultiStroke, disableMultiStrokeFill: disableMultiStrokeFill, preserveVertices: preserveVertices, fixedDecimalPlaceDigits: fixedDecimalPlaceDigits }), context.highPerformanceRestore(); } }; RoughCanvasArcRender = __decorate([ (0, vrender_core_1.injectable)(), __param(0, (0, vrender_core_1.inject)(vrender_core_1.DefaultCanvasArcRender)), __metadata("design:paramtypes", [ Object ]) ], RoughCanvasArcRender), exports.RoughCanvasArcRender = RoughCanvasArcRender; //# sourceMappingURL=rough-arc.js.map