hola necesito ayuda en este codigo lo que pasa es que quiero que se pueda hacer el triangulo pero hay un error si pones 50 y 0 se hace un triangulo y no debe ser asi debe ser una linea y no se como resolver eso bn GRACIAS.
<html>
<head>
<title>Script para triángulos</title>
</head>
<body>
<form name="calc">
<input type="text" name="n1" value="50">
<input type="text" name="n2">
<input type="button" value="calcular" onclick="calcular()">
<canvas id='canvas1' width="600" height="250" style= "border: 1px solid #CCF" >Tu navegador no soporta htmal5</canvas>
</form>
<script type= "text/javascript">
function calcular(){
var n1 =document.calc.n1.value;
var n2 =document.calc.n2.value;
var c=document.getElementById ('canvas1');
var r= c.getContext ('2d');
r.beginPath();
r.moveTo(n2,10);
r.lineTo(10,10);
r.lineTo(10,n1);
r.closePath();
r.stroke();
}
</script>
</body>
</html>
<html>
<head>
<title>Script para triángulos</title>
</head>
<body>
<form name="calc">
<input type="text" name="n1" value="50">
<input type="text" name="n2">
<input type="button" value="calcular" onclick="calcular()">
<canvas id='canvas1' width="600" height="250" style= "border: 1px solid #CCF" >Tu navegador no soporta htmal5</canvas>
</form>
<script type= "text/javascript">
function calcular(){
var n1 =document.calc.n1.value;
var n2 =document.calc.n2.value;
var c=document.getElementById ('canvas1');
var r= c.getContext ('2d');
r.beginPath();
r.moveTo(n2,10);
r.lineTo(10,10);
r.lineTo(10,n1);
r.closePath();
r.stroke();
}
</script>
</body>
</html>