@flatten-js/boolean-op
Version:
Boolean operations on polygons
28 lines (22 loc) • 908 B
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<!-- ALl credits to Turf https://github.com/Turfjs/turf/blob/master/examples/es-modules/index.html -->
<title>ES Modules</title>
</head>
<body>
<svg id="stage" width="1000" height="600"></svg>
<script type="module">
import {point, Polygon} from "https://unpkg.com/@flatten-js/core?module";
import {intersect} from "https://unpkg.com/@flatten-js/boolean-op?module";
let polygon1 = new Polygon();
polygon1.addFace([point(200,10), point(100, 300), point(400, 150), point(250, 10)]);
let polygon2 = new Polygon();
polygon2.addFace([point(450, 10), point(0, 150), point(300,300), point(600, 300)]);
let polygon_res = intersect(polygon1, polygon2);
document.getElementById("stage").innerHTML = polygon1.svg() + polygon2.svg() +
polygon_res.svg({"fill":"lightgreen"});
</script>
</body>
</html>