# packages/core/src/lib/geometry/path-arc.ts
This is the source snapshot used to build these API details. [View this revision on GitHub](https://github.com/benlesh/pibbl/blob/272a94aaf62e0bd6ad8726a4c607a76a9ec44ca1/packages/core/src/lib/geometry/path-arc.ts#L3).

[Back to reference](/reference/functions/path-geometry/)

<pre class="api-source"><code><span id="L1"><a href="#L1" aria-label="Line 1">1</a> /** @internal Analytic arc representation shared by conversion and geometry math. */</span>
<span id="L2"><a href="#L2" aria-label="Line 2">2</a> export interface ArcSegment {</span>
<span id="L3"><a href="#L3" aria-label="Line 3">3</a>   type: 'arc';</span>
<span id="L4"><a href="#L4" aria-label="Line 4">4</a>   cx: number; cy: number;</span>
<span id="L5"><a href="#L5" aria-label="Line 5">5</a>   ux: number; uy: number;</span>
<span id="L6"><a href="#L6" aria-label="Line 6">6</a>   vx: number; vy: number;</span>
<span id="L7"><a href="#L7" aria-label="Line 7">7</a>   startAngle: number; sweep: number;</span>
<span id="L8"><a href="#L8" aria-label="Line 8">8</a> }</span>
<span id="L9"><a href="#L9" aria-label="Line 9">9</a> export const TAU = Math.PI * 2;</span>
<span id="L10"><a href="#L10" aria-label="Line 10">10</a> export function arcPoint(arc: ArcSegment, angle: number): [number, number] {</span>
<span id="L11"><a href="#L11" aria-label="Line 11">11</a>   const cos = Math.cos(angle), sin = Math.sin(angle);</span>
<span id="L12"><a href="#L12" aria-label="Line 12">12</a>   return [arc.cx + arc.ux * cos + arc.vx * sin, arc.cy + arc.uy * cos + arc.vy * sin];</span>
<span id="L13"><a href="#L13" aria-label="Line 13">13</a> }</span>
<span id="L14"><a href="#L14" aria-label="Line 14">14</a> export function arcSweep(start: number, end: number, ccw: boolean): number {</span>
<span id="L15"><a href="#L15" aria-label="Line 15">15</a>   const delta = end - start;</span>
<span id="L16"><a href="#L16" aria-label="Line 16">16</a>   if (!ccw &amp;&amp; delta &gt;= TAU) return TAU;</span>
<span id="L17"><a href="#L17" aria-label="Line 17">17</a>   if (ccw &amp;&amp; -delta &gt;= TAU) return -TAU;</span>
<span id="L18"><a href="#L18" aria-label="Line 18">18</a>   // Reducing separately also avoids overflow in end - start.</span>
<span id="L19"><a href="#L19" aria-label="Line 19">19</a>   let sweep = ((end % TAU) - (start % TAU)) % TAU;</span>
<span id="L20"><a href="#L20" aria-label="Line 20">20</a>   if (!ccw &amp;&amp; sweep &lt; 0) sweep += TAU;</span>
<span id="L21"><a href="#L21" aria-label="Line 21">21</a>   if (ccw &amp;&amp; sweep &gt; 0) sweep -= TAU;</span>
<span id="L22"><a href="#L22" aria-label="Line 22">22</a>   return sweep;</span>
<span id="L23"><a href="#L23" aria-label="Line 23">23</a> }</span>
<span id="L24"><a href="#L24" aria-label="Line 24">24</a> </span>
<span id="L25"><a href="#L25" aria-label="Line 25">25</a> /** Singular-value decomposition of a 2x2 ellipse basis. */</span>
<span id="L26"><a href="#L26" aria-label="Line 26">26</a> export function ellipseParameters(arc: ArcSegment) {</span>
<span id="L27"><a href="#L27" aria-label="Line 27">27</a>   const scale = Math.max(Math.abs(arc.ux), Math.abs(arc.uy), Math.abs(arc.vx), Math.abs(arc.vy));</span>
<span id="L28"><a href="#L28" aria-label="Line 28">28</a>   if (scale === 0) return null;</span>
<span id="L29"><a href="#L29" aria-label="Line 29">29</a>   const ux = arc.ux / scale, uy = arc.uy / scale, vx = arc.vx / scale, vy = arc.vy / scale;</span>
<span id="L30"><a href="#L30" aria-label="Line 30">30</a>   const determinant = ux * vy - uy * vx;</span>
<span id="L31"><a href="#L31" aria-label="Line 31">31</a>   if (determinant === 0) return null;</span>
<span id="L32"><a href="#L32" aria-label="Line 32">32</a>   const xx = ux * ux + vx * vx, yy = uy * uy + vy * vy, xy = ux * uy + vx * vy;</span>
<span id="L33"><a href="#L33" aria-label="Line 33">33</a>   const rotation = Math.atan2(2 * xy, xx - yy) / 2;</span>
<span id="L34"><a href="#L34" aria-label="Line 34">34</a>   const major = Math.sqrt((xx + yy + Math.hypot(xx - yy, 2 * xy)) / 2);</span>
<span id="L35"><a href="#L35" aria-label="Line 35">35</a>   const minor = Math.abs(determinant) / major;</span>
<span id="L36"><a href="#L36" aria-label="Line 36">36</a>   const cos = Math.cos(rotation), sin = Math.sin(rotation);</span>
<span id="L37"><a href="#L37" aria-label="Line 37">37</a>   const phase = Math.atan2((-sin * ux + cos * uy) / minor, (cos * ux + sin * uy) / major);</span>
<span id="L38"><a href="#L38" aria-label="Line 38">38</a>   const direction = determinant &lt; 0 ? -1 : 1;</span>
<span id="L39"><a href="#L39" aria-label="Line 39">39</a>   return {</span>
<span id="L40"><a href="#L40" aria-label="Line 40">40</a>     radiusX: major * scale, radiusY: minor * scale, rotation,</span>
<span id="L41"><a href="#L41" aria-label="Line 41">41</a>     start: phase + direction * arc.startAngle, sweep: direction * arc.sweep,</span>
<span id="L42"><a href="#L42" aria-label="Line 42">42</a>   };</span>
<span id="L43"><a href="#L43" aria-label="Line 43">43</a> }</span>
<span id="L44"><a href="#L44" aria-label="Line 44">44</a> </span>
<span id="L45"><a href="#L45" aria-label="Line 45">45</a> /** Preserve all turns in the traversal of an ellipse collapsed onto a line. */</span>
<span id="L46"><a href="#L46" aria-label="Line 46">46</a> export function singularArcPoints(arc: ArcSegment): [number, number][] {</span>
<span id="L47"><a href="#L47" aria-label="Line 47">47</a>   const useX = Math.hypot(arc.ux, arc.vx) &gt;= Math.hypot(arc.uy, arc.vy);</span>
<span id="L48"><a href="#L48" aria-label="Line 48">48</a>   const turning = Math.atan2(useX ? arc.vx : arc.vy, useX ? arc.ux : arc.uy);</span>
<span id="L49"><a href="#L49" aria-label="Line 49">49</a>   const end = arc.startAngle + arc.sweep;</span>
<span id="L50"><a href="#L50" aria-label="Line 50">50</a>   const low = Math.min(arc.startAngle, end), high = Math.max(arc.startAngle, end);</span>
<span id="L51"><a href="#L51" aria-label="Line 51">51</a>   const angles: number[] = [];</span>
<span id="L52"><a href="#L52" aria-label="Line 52">52</a>   for (let k = Math.ceil((low - turning) / Math.PI); k &lt;= Math.floor((high - turning) / Math.PI); k++) {</span>
<span id="L53"><a href="#L53" aria-label="Line 53">53</a>     const angle = turning + k * Math.PI;</span>
<span id="L54"><a href="#L54" aria-label="Line 54">54</a>     if (angle &gt; low &amp;&amp; angle &lt; high) angles.push(angle);</span>
<span id="L55"><a href="#L55" aria-label="Line 55">55</a>   }</span>
<span id="L56"><a href="#L56" aria-label="Line 56">56</a>   if (arc.sweep &lt; 0) angles.reverse();</span>
<span id="L57"><a href="#L57" aria-label="Line 57">57</a>   angles.push(end);</span>
<span id="L58"><a href="#L58" aria-label="Line 58">58</a>   return angles.map(angle =&gt; arcPoint(arc, angle));</span>
<span id="L59"><a href="#L59" aria-label="Line 59">59</a> }</span>
<span id="L60"><a href="#L60" aria-label="Line 60">60</a> </span></code></pre>

## Documentation version

Documentation built with @pibbl/core 0.0.2, revision 272a94a. ALPHA — NOT FOR PRODUCTION USE.
