<style>
    canvas {
        width: 1000px;
        height: 1000px;
    }
</style>
<canvas width="1000" height="1000"></canvas>
<script src="../../../../overlap-area/dist/overlap-area.js"></script>
<script>
    const canvas = document.querySelector("canvas");
    const ctx = canvas.getContext("2d");

    // Start a new path

    const points1 = [
        [150, 100],
        [200, 50],
        [250, 60],
        [300, 100],
        [250, 160],
        [150, 150],
        // [200, 120],
    ];
    const point