123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960 |
- // @ts-nocheck
- /* eslint-disable */
- // import { checkCollinear, getDistance, moveTo } from './math'
- /**
- * From https://github.com/unsplash/react-trend/blob/master/src/helpers/DOM.helpers.js#L18
- */
- export function genPath(points, radius) {
- let fill = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
- let height = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 75;
- if (points.length === 0) return '';
- const start = points.shift();
- const end = points[points.length - 1];
- return (fill ? `M${start.x} ${height - start.x + 2} L${start.x} ${start.y}` : `M${start.x} ${start.y}`) + points.map((point, index) => {
- const next = points[index + 1];
- const prev = points[index - 1] || start;
- const isCollinear = next && checkCollinear(next, point, prev);
- if (!next || isCollinear) {
- return `L${point.x} ${point.y}`;
- }
- const threshold = Math.min(getDistance(prev, point), getDistance(next, point));
- const isTooCloseForRadius = threshold / 2 < radius;
- const radiusForPoint = isTooCloseForRadius ? threshold / 2 : radius;
- const before = moveTo(prev, point, radiusForPoint);
- const after = moveTo(next, point, radiusForPoint);
- return `L${before.x} ${before.y}S${point.x} ${point.y} ${after.x} ${after.y}`;
- }).join('') + (fill ? `L${end.x} ${height - start.x + 2} Z` : '');
- }
- function int(value) {
- return parseInt(value, 10);
- }
- /**
- * https://en.wikipedia.org/wiki/Collinearity
- * x=(x1+x2)/2
- * y=(y1+y2)/2
- */
- export function checkCollinear(p0, p1, p2) {
- return int(p0.x + p2.x) === int(2 * p1.x) && int(p0.y + p2.y) === int(2 * p1.y);
- }
- export function getDistance(p1, p2) {
- return Math.sqrt(Math.pow(p2.x - p1.x, 2) + Math.pow(p2.y - p1.y, 2));
- }
- export function moveTo(to, from, radius) {
- const vector = {
- x: to.x - from.x,
- y: to.y - from.y
- };
- const length = Math.sqrt(vector.x * vector.x + vector.y * vector.y);
- const unitVector = {
- x: vector.x / length,
- y: vector.y / length
- };
- return {
- x: from.x + unitVector.x * radius,
- y: from.y + unitVector.y * radius
- };
- }
- //# sourceMappingURL=path.mjs.map
|