JSFiddle - React, Tailwind, and code Playground

HTML

<canvas id='canvas' width='300' height='200'>no canvas support</canvas>

JavaScript

//function teste_pano_00(){
    //var canvas = document.createElement('canvas');
    var canvas = document.getElementById('canvas');
    var w = 300;
    var h = 200;
    canvas.width = w;
    canvas.height = h;
    if (canvas.getContext){
        (function(){
            var ctxt = canvas.getContext('2d');
            if (ctxt){
                ctxt.fillStyle = '#6b6';
                ctxt.fillRect(0, 0, w, h);
            }
        })();
    }
    //document.getElementById('thediv').appendChild(canvas);
    /**
        @param {Points[][]} curves
        @param {CanvasRenderingContext2D} [surf]
    */
    var drawCurves = function(curves, surf){
        if (!surf && canvas.getContext){
            surf = canvas.getContext('2d');
        }
        if (surf && curves && curves.length){
            surf.fillStyle = '#6b6';
            surf.fillRect(0, 0, w, h);
            surf.strokeStyle = '#822';
            surf.lineWidth = 2;
            var cu = null;
            for (var cui = 0; cui < curves.length; ++cui){
                cu = curves[cui];
                if (cu && cu.length){
                    surf.beginPath();
                    surf.moveTo(cu[0].x, cu[0].y);
                    for (var i = 1; i < cu.length; ++i){
                        surf.lineTo(cu[i].x, cu[i].y);
                    }
                    surf.stroke();
                }
            }
            cu = null;
        }
    };
    /**
        @param {Points[][]} lines
        @param {CanvasRenderingContext2D} [surf]
    */
    var drawLines = function(lines, surf){
        if (!surf && canvas.getContext){
            surf = canvas.getContext('2d');
        }
        if (surf){
        }
    };

    //////////////////////
    var _interpolatedPointsPerSegment = 20;
    var _points = [{x: 10, y: 10}, {x: 50, y: 180}, {x: 180, y: 60}, {x: 250, y: 110}];
    //////////////////////

    var getInterpolatedPoints = function(){
        var pnts = null;
        var pnt = null;
        var...