# packages/core/src/lib/geometry/svg-path.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/svg-path.ts#L22).

[Back to reference](/reference/functions/create-svg-path/)

<pre class="api-source"><code><span id="L1"><a href="#L1" aria-label="Line 1">1</a> /**</span>
<span id="L2"><a href="#L2" aria-label="Line 2">2</a>  * Geometry and construction options for a svg path.</span>
<span id="L3"><a href="#L3" aria-label="Line 3">3</a>  *</span>
<span id="L4"><a href="#L4" aria-label="Line 4">4</a>  * @see {@link createSvgPath}</span>
<span id="L5"><a href="#L5" aria-label="Line 5">5</a>  */</span>
<span id="L6"><a href="#L6" aria-label="Line 6">6</a> export interface SvgPathOptions {</span>
<span id="L7"><a href="#L7" aria-label="Line 7">7</a>   /**</span>
<span id="L8"><a href="#L8" aria-label="Line 8">8</a>    * Geometry to draw or clip, supplied in the declared path representation. See</span>
<span id="L9"><a href="#L9" aria-label="Line 9">9</a>    * {@link SvgPathOptions}.</span>
<span id="L10"><a href="#L10" aria-label="Line 10">10</a>    */</span>
<span id="L11"><a href="#L11" aria-label="Line 11">11</a>   d: string;</span>
<span id="L12"><a href="#L12" aria-label="Line 12">12</a> }</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> /**</span>
<span id="L15"><a href="#L15" aria-label="Line 15">15</a>  * Creates a Canvas Path2D for svg geometry from validated options.</span>
<span id="L16"><a href="#L16" aria-label="Line 16">16</a>  *</span>
<span id="L17"><a href="#L17" aria-label="Line 17">17</a>  * @param options - SVG path data to parse. See {@link SvgPathOptions}.</span>
<span id="L18"><a href="#L18" aria-label="Line 18">18</a>  * @returns A native Canvas path parsed from the supplied data.</span>
<span id="L19"><a href="#L19" aria-label="Line 19">19</a>  *</span>
<span id="L20"><a href="#L20" aria-label="Line 20">20</a>  * @see {@link SvgPathOptions}</span>
<span id="L21"><a href="#L21" aria-label="Line 21">21</a>  */</span>
<span id="L22"><a href="#L22" aria-label="Line 22">22</a> export function createSvgPath(options: Readonly&lt;SvgPathOptions&gt;): Path2D {</span>
<span id="L23"><a href="#L23" aria-label="Line 23">23</a>   return new Path2D(options.d);</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> </span></code></pre>

## Documentation version

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