Alguém pode me ajudar? Gostaria de fazer triângulos no lugar de quadrados e círculos. Onde errei?
<canvas id="tela" width="600" height="400" style="border:2px solid #000000" />
<script>
var tela = document.getElementById("tela");
var c = tela.getContext("2d");
c.fillStyle = "red";
c.fillRect(0,0,600,400);
var atira = function(evento){
var x = evento.pageX - tela.offsetLeft;
var y = evento.pageY - tela.offsetTop;
c.fillStyle = "black";
c.beginPath();
c.moveTo(x,y);
c.lineTo(20,20);
c.lineTo(20,20);
c.fill();
console.log("As medidas são: " + x + "," + y );
}
tela.onclick = atira;
</script>
