ctx.beginPath();
ctx.setLineDash([]);
ctx.lineWidth = 3;
ctx.strokeStyle = "blue";
ctx.moveTo(50, 225); // P0
ctx.arcTo(200, 25, 350, 225, ); // P1, P2 e raggio
ctx.lineTo(350, 225); // P2
ctx.stroke();
arcTo():Crea un arco tra due tangenti
ctx.moveTo(50,225); // definisce punto x,y inizio primo segmento tangente
ctx.lineTo(200,25); //definisce punto x,y finale primo segmento tangente
ctx.moveTo(200,25); // definisce punto x,y inizio secondo segmento tangente
ctx.lineTo(350,225); //definisce punto x,y finale secondo segmento tangente