@antv/g/es/css/parser/points.js

import { __read, __spreadArray } from "tslib";
import { Line as LineUtil, Polyline as PolylineUtil } from '@antv/g-math';
import { isString } from '../../utils';
/**
 * @see https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute/points
 *
 * @example
 * points="100,10 250,150 200,110"
 */

export function parsePoints(pointsOrStr, object) {
  var points;

  if (isString(pointsOrStr)) {
    points = pointsOrStr.split(' ').map(function (pointStr) {
      var _a = __read(pointStr.split(','), 2),
          x = _a[0],
          y = _a[1];

      return [Number(x), Number(y)];
    });
  } else {
    points = pointsOrStr;
  }

  var segments = [];
  var tempLength = 0;
  var segmentT;
  var segmentL;
  var totalLength = PolylineUtil.length(points);
  points.forEach(function (p, i) {
    if (points[i + 1]) {
      segmentT = [0, 0];
      segmentT[0] = tempLength / totalLength;
      segmentL = LineUtil.length(p[0], p[1], points[i + 1][0], points[i + 1][1]);
      tempLength += segmentL;
      segmentT[1] = tempLength / totalLength;
      segments.push(segmentT);
    }
  });
  var minX = Math.min.apply(Math, __spreadArray([], __read(points.map(function (point) {
    return point[0];
  })), false));
  var minY = Math.min.apply(Math, __spreadArray([], __read(points.map(function (point) {
    return point[1];
  })), false));

  if (object) {
    object.parsedStyle.defX = minX;
    object.parsedStyle.defY = minY;
  }

  return {
    points: points,
    totalLength: totalLength,
    segments: segments
  };
}