Disegnare un triangolo equilatero utilizzando i metodi lineTo e moveTo
Ecco il listato:
<html>
<body>
<canvas id=”myCanvas” width=”400″ height=”300″ style=”border:1px solid #d3d3d3;”></canvas>
<script>
var c = document.getElementById(“myCanvas”);
var ctx = c.getContext(“2d”);
ctx.beginPath();
ctx.moveTo(200, 0);
ctx.lineTo(275, 175);
ctx.stroke();
ctx.lineTo(125, 175);
ctx.stroke();
ctx.lineTo(200, 0);
ctx.stroke();
</script>
</body>
</html>
Ed ecco il risultato:
