UNPKG

@tldraw/editor

Version:

tldraw infinite canvas SDK (editor).

100 lines (99 loc) 3.05 kB
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