da codice a funzione per disegnare triangoli

**LedGiallo** · 01-06-2014, 15:15

Salve, ho questo codice:

codice:

<!DOCTYPE HTML> 
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Fill Shapes</title>
<script>
function init()
{
var canvas = document.getElementById("canvas");
if(canvas.getContext)
{
var ctx = canvas.getContext("2d");
// Draw triangle
ctx.fillStyle="#A2322E";
ctx.beginPath();
// Draw a triangle location for each corner from x:y 100,110 -> 200,10 -> 300,110 (it will return to first point)
ctx.moveTo(100,110);
ctx.lineTo(200,10);
ctx.lineTo(300,110);
ctx.closePath();
ctx.fill();
}
}
onload=init;
</script>
 
</head>
 
<body>
 
<!-- Unless canvas size is specified default size is 300 w x 150 h -->
<canvas id="canvas" width="770" height="150" ></canvas>
 
</body>
 
</html>

vorrei fare il modo che posso disegnare triangoli in questo modo:
drawTriangle(100,110,200,10,300,110);

sapete come fare?

avete idea come trasformare questo codice in una funzione per non far ripetere codice etc..

grazie mille.

**LedGiallo** · 01-06-2014, 15:27

ho quasi fatto ditemi se vadano bene i nomi che gli ho dato e accetto consigli:

codice:

		function drawTriangle(mx,my,x,y,ex,ey,color)
	{
		// Draw triangle #A2322E
		ctx.fillStyle=color;
		ctx.beginPath();
		// Draw a triangle location for each corner from x:y 100,110 -> 200,10 -> 300,110 (it will return to first point)
		ctx.moveTo(mx,my);
		ctx.lineTo(x,y);
		ctx.lineTo(ex,ey);
		ctx.closePath();
		ctx.fill();


	}

Discussione: da codice a funzione per disegnare triangoli

Strumenti discussione

Ricerca discussione

Visualizza

da codice a funzione per disegnare triangoli

Permessi di invio