@turbox3d/graphic-component-pixi/src/draw-utils/drawPath.ts

Graphic component library based on pixi

import * as PIXI from 'pixi.js';
import { drawLine } from './drawLine';
import { IGraphicOption, parseGraphicOption } from './option';

interface IPathParam {
  path: Array<{ x: number; y: number }>;
  /**
   * 绘制的路径是否闭合
   *
   * 默认：false，不闭合
   */
  closed?: boolean;
}

/**
 * 绘制一条路径
 */
export function drawPath(graphic: PIXI.Graphics, param: IPathParam & IGraphicOption) {
  const { path, closed = false } = param;
  const length = path.length - 1;

  if (length < 1) {
    return;
  }

  // 样式配置
  const { lineWidth, lineColor, lineAlpha, alignment, native } = parseGraphicOption(param);
  graphic.lineStyle(lineWidth, lineColor, lineAlpha, alignment, native);

  for (let i = 0; i < length; i++) {
    drawLine(graphic, {
      x0: path[i].x,
      y0: path[i].y,
      x1: path[i + 1].x,
      y1: path[i + 1].y,
      lineWidth,
      lineColor,
      lineAlpha,
      alignment,
      native,
    });
  }

  if (closed) {
    drawLine(graphic, {
      x0: path[length].x,
      y0: path[length].y,
      x1: path[0].x,
      y1: path[0].y,
      lineWidth,
      lineColor,
      lineAlpha,
      alignment,
      native,
    });
  }
}