path-intersection

Computes the intersection between two SVG paths

Usage no npm install needed!

<script type="module">
  import pathIntersection from 'https://cdn.skypack.dev/path-intersection';
</script>

README

path-intersection

CI

Computes the intersection between two SVG paths.

Examples

Intersection examples

Execute npm run dev and navigate to http://localhost:9876/debug.html to see more examples.

Usage

var intersect = require('path-intersection');

var path0 = 'M30,100L270,20';
var path1 = 'M150,150m0,-18a18,18,0,1,1,0,36a18,18,0,1,1,0,-36z';

var intersection = intersect(path0, path1);
// [ { x: ..., y: ..., segment1: ..., segment2: ... }, ... ]

Results are approximate, as we use bezier clipping to find intersections.

Building the Project

Perform a full build of the library (lint + test) via

npm run all

Credits

The intersection logic provided by this library is derived from path.js, a part of Snap.svg.

License

Use under the terms of the MIT license.