@tldraw/editor
Version:
tldraw infinite canvas SDK (editor).
100 lines (99 loc) • 3.05 kB
JavaScript
import { Vec } from "../Vec.mjs";
import { intersectLineSegmentCircle } from "../intersect.mjs";
import { getArcMeasure, getPointInArcT, getPointOnCircle } from "../utils.mjs";
import { Geometry2d } from "./Geometry2d.mjs";
import { getVerticesCountForArcLength } from "./geometry-constants.mjs";
class Arc2d extends Geometry2d {
_center;
_radius;
_start;
_end;
_largeArcFlag;
_sweepFlag;
_measure;
_angleStart;
_angleEnd;
constructor(config) {
super({ ...config, isFilled: false, isClosed: false });
const { center, sweepFlag, largeArcFlag, start, end } = config;
if (start.equals(end)) throw Error(`Arc must have different start and end points.`);
this._angleStart = Vec.Angle(center, start);
this._angleEnd = Vec.Angle(center, end);
this._radius = Vec.Dist(center, start);
this._measure = getArcMeasure(this._angleStart, this._angleEnd, sweepFlag, largeArcFlag);
this._start = start;
this._end = end;
this._sweepFlag = sweepFlag;
this._largeArcFlag = largeArcFlag;
this._center = center;
}
nearestPoint(point) {
const {
_center,
_measure: measure,
_radius: radius,
_angleEnd: angleEnd,
_angleStart: angleStart,
_start: A,
_end: B
} = this;
const t = getPointInArcT(measure, angleStart, angleEnd, _center.angle(point));
if (t <= 0) return A;
if (t >= 1) return B;
const P = Vec.Sub(point, _center).uni().mul(radius).add(_center);
let nearest;
let dist = Infinity;
let d;
for (const p of [A, B, P]) {
d = Vec.Dist2(point, p);
if (d < dist) {
nearest = p;
dist = d;
}
}
if (!nearest) throw Error("nearest point not found");
return nearest;
}
hitTestLineSegment(A, B) {
const {
_center,
_radius: radius,
_measure: measure,
_angleStart: angleStart,
_angleEnd: angleEnd
} = this;
const intersection = intersectLineSegmentCircle(A, B, _center, radius);
if (intersection === null) return false;
return intersection.some((p) => {
const result = getPointInArcT(measure, angleStart, angleEnd, _center.angle(p));
return result >= 0 && result <= 1;
});
}
getVertices() {
const { _center, _measure: measure, length, _radius: radius, _angleStart: angleStart } = this;
const vertices = [];
for (let i = 0, n = getVerticesCountForArcLength(Math.abs(length)); i < n + 1; i++) {
const t = i / n * measure;
const angle = angleStart + t;
vertices.push(getPointOnCircle(_center, radius, angle));
}
return vertices;
}
getSvgPathData(first = true) {
const {
_start: start,
_end: end,
_radius: radius,
_largeArcFlag: largeArcFlag,
_sweepFlag: sweepFlag
} = this;
return `${first ? `M${start.toFixed()}` : ``} A${radius} ${radius} 0 ${largeArcFlag} ${sweepFlag} ${end.toFixed()}`;
}
getLength() {
return Math.abs(this._measure * this._radius);
}
}
export {
Arc2d
};
//# sourceMappingURL=Arc2d.mjs.map