@shopify/react-native-skia/lib/module/dom/nodes/drawings/PathNode.js

High-performance React Native Graphics using Skia

import { saturate } from "../../../renderer/processors/math";
import { FillType } from "../../../skia/types";
import { NodeType } from "../../types";
import { enumKey, processPath } from "../datatypes";
import { JsiDrawingNode } from "../DrawingNode";
export class PathNode extends JsiDrawingNode {
  constructor(ctx, props) {
    super(ctx, NodeType.Path, props);
  }
  deriveProps() {
    const {
      start: trimStart,
      end: trimEnd,
      fillType,
      stroke,
      ...pathProps
    } = this.props;
    const start = saturate(trimStart);
    const end = saturate(trimEnd);
    const hasStartOffset = start !== 0;
    const hasEndOffset = end !== 1;
    const hasStrokeOptions = stroke !== undefined;
    const hasFillType = !!fillType;
    const willMutatePath = hasStartOffset || hasEndOffset || hasStrokeOptions || hasFillType;
    const pristinePath = processPath(this.Skia, pathProps.path);
    const path = willMutatePath ? pristinePath.copy() : pristinePath;
    if (hasFillType) {
      path.setFillType(FillType[enumKey(fillType)]);
    }
    if (hasStrokeOptions) {
      path.stroke(stroke);
    }
    if (hasStartOffset || hasEndOffset) {
      path.trim(start, end, false);
    }
    return path;
  }
  draw({
    canvas,
    paint
  }) {
    if (!this.derived) {
      throw new Error("Path not initialized");
    }
    canvas.drawPath(this.derived, paint);
  }
}
//# sourceMappingURL=PathNode.js.map