@antv/g2/src/interaction/action/mask/path.ts

the Grammar of Graphics in Javascript

import { each } from '@antv/util';
import MaskBase from './base';

/**
 * @ignore
 * 多个点构成的 Path 辅助框 Action
 */
class PathMask extends MaskBase {
  // 生成 mask 的路径
  protected getMaskPath() {
    const points = this.points;
    const path = [];
    if (points.length) {
      each(points, (point, index) => {
        if (index === 0) {
          path.push(['M', point.x, point.y]);
        } else {
          path.push(['L', point.x, point.y]);
        }
      });
      path.push(['L', points[0].x, points[0].y]);
    }
    return path;
  }

  protected getMaskAttrs() {
    return {
      path: this.getMaskPath(),
    };
  }

  /**
   * 添加一个点
   */
  public addPoint() {
    this.resize();
  }
}

export default PathMask;