Conviene fare un ciclo per l'input dei vertici e un altro per il disegno del poligono

lanvoel

codice:
<!doctype html>
<html>
<body>
<canvas id="lavagna" width="400" height="400"></canvas>
    <script>
    var c = document.getElementById('lavagna');
    var ctx=c.getContext("2d");
    var x1=parseInt(prompt("quanti sono i lati del poligono"));
    var x = new Array();
    var y = new Array();
    for (i=1;i<=x1; i++) 
    {
    x[i]=parseInt(prompt("imposta la "+i+" ascissa"));
    y[i]=parseInt(prompt("imposta la "+i+" ordinata"));
    }
ctx.moveTo(x[1],y[1]); //partenza dal primo punto
    for (i=1;i<=x1; i++) 
    {
    ctx.lineTo(x[i],y[i]); 
    }
    ctx.lineTo(x[1],y[1]); //chiusura al primo punto
    ctx.stroke(); //disegna
    </script>
</body>
</html>