Path

In ixfx, a Type Paths.Path is an object typically derived from some other shape. It describes a directed path.

The basic functions are:

bbox - calculate enclosing rectangle
distanceToPoint - calculate distance to some point
interpolate - interpolate along path
length - compute length
nearest - nearest point on path to given point
relativePosition - compute ‘progress’ along path at point ‘a’

Create with:

Lines.toPath which returns a Type Lines.LinePath
Arcs.toPath
Circles.toPath

Importing

// Sub module
import { Paths } from "@ixfx/geometry.js"
// Eg: Paths.nearest();

// Whole module
import * as Geometry from "@ixfx/geometry.js"
// Eg: Geometry.Paths.nearest();

// From bundle
import { Geometry } from "@ixfx"
// Eg: Geometry.Paths.nearest();

// And within your HTML's <HEAD> </HEAD> block:
<script type="importmap">{ "imports": { "@ixfx":"/ixfx/index.js", "@ixfx/": "/ixfx/" } }</script>

// Sub module from parent
import { Paths } from "@ixfx/geometry.js"
// Eg: Paths.nearest();

// Whole parent module
import * as Geometry from "@ixfx/geometry.js"
// Eg: Geometry.Paths.nearest();

// From the bundle
import { Geometry } from "@ixfx/bundle.js"
// Eg: Geometry.Paths.nearest();

// Sub module from parent
import { Paths } from "https://unpkg.com/@ixfx/geometry/bundle"
// Eg: Paths.nearest();

// Whole parent module
import * as Geometry from "https://unpkg.com/@ixfx/geometry/bundle"
// Eg: Geometry.Paths.nearest();

// Single module from the bundle
import { Geometry } from "https://unpkg.com/@ixfx/bundle"
// Eg: Geometry.Paths.nearest();